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){
    }
    监听路由,路由守卫,用到了在做笔记
  • 相关阅读:
    2020/4/15
    2020/4/14
    2020/4/13
    2020/4/12
    2020/4/11
    2020/4/9
    PTA录入数据库题目流程
    PTA录题
    2020/4/8
    如何把mysql workbench的数据结构和数据导出到sql表中
  • 原文地址:https://www.cnblogs.com/wd163/p/12603971.html
Copyright © 2011-2022 走看看