zoukankan      html  css  js  c++  java
  • 记录一个vue路由拦截效果的小技巧

    使用一句三元表达式,
    <router-link class="flex-left left" tag="div" :to="loginState?'/loginOut':''">    loginState相当于登录状态的flag,可以从localstrage中获取判断token来判断登录状态
                <img src="../../assets/img/iconfont/unlogo.png" alt="">                    //这里写死,省略了代码,项目中是按实际需求完成的登录和非登录展示不同的logo(默认的logo和用户自己设定的logo)
     </router-link>
    使用场景:登录状态下点击头像进入某一页面,未登录状态点击默认logo无法进行路由跳转,
    另一种比较正规的方式是在app.vue中使用
    watch:{
        $route(to,from){
    }
    监听路由,路由守卫,用到了在做笔记
  • 相关阅读:
    二分 || UOJ 148 跳石头
    等边n边型
    激光样式
    n个数中选k个数和为sum
    引爆炸弹
    光盘行动
    (二分)分蛋糕问题
    总结
    个人测试
    第三次团队作业
  • 原文地址:https://www.cnblogs.com/wd163/p/12603971.html
Copyright © 2011-2022 走看看