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

Posted 2021-03-02 wd163

使用一句三元表达式，

<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){

}

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