uniapp实现路由拦截

发布时间 2023-10-30 16:47:04作者: 小枫同学

背景

在APP中,跳转页面需要判断是否有权限跳转,比如是否登录。开发环境是TMUI+VUE3+TS,这难免有一些限制,在网上搜索后,发现简书网站有个博主写的链接正合我意,不过他的是JavaScript+uniapp原生开发,根据我的需求,自己稍微改了些。

0x01 复制代码

简书博客链接:https://www.jianshu.com/p/bae4cf971343

0x02在APP.VUE中增加代码

<script lang="ts" setup>
import { onLaunch } from "@dcloudio/uni-app";
import router from "./router/route";

//uniapp的生命周期函数
onLaunch(() => {
  router()
});
</script>

0x03 效果

image-20231030164030310