记录一个vue路由拦截效果的小技巧

时间：2020-03-31 12:38:46 阅读：64 评论：0 收藏：0 [点我收藏+]

使用一句三元表达式，

<router-link class="flex-left left" tag="div" :to="loginState?‘/loginOut‘:‘‘">

<img src="../../assets/img/iconfont/unlogo.png" > //这里写死，省略了代码，项目中是按实际需求完成的登录和非登录展示不同的logo（默认的logo和用户自己设定的logo）

</router-link>

使用场景：登录状态下点击头像进入某一页面，未登录状态点击默认logo无法进行路由跳转，

一般在app。vue中使用

watch:{

$route(to,from){

}

监听路由，路由守卫，用到了在做笔记

原文地址：https://www.cnblogs.com/wd163/p/12603971.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行