博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue全局判断是否登陆
阅读量:6273 次
发布时间:2019-06-22

本文共 723 字,大约阅读时间需要 2 分钟。

在Vue中Router是一个非常重要的对象,那么在判断是否登陆的时候,需要一个一个页面去写吗?并不是的。可以通过router来实现,这个和aop有点相似

router=>index.js

//跳转之前router.beforeEach((to,from,next) => {  if (to.meta.title) {    document.title = to.meta.title  }  const type = to.meta.type  // 判断该路由是否需要登录权限  if (type === 'login') {    if (window.sessionStorage.getItem('UserInfo')) {      console.log(window.sessionStorage.getItem('UserInfo'));      next()    } else {      next('/login')    }  } else {    next()  // 确保一定要有next()被调用  }})

 路由中加上meta标签,type是指向的回调模块。

{      path: '/index',      name: 'index',      component: ()=>import("@/components/index"),      meta:{        title:'首页',        type:'login'      }    }

  这个对象还是非常好玩的。

转载于:https://www.cnblogs.com/ZaraNet/p/11076401.html

你可能感兴趣的文章
windows cmd for paramiko
查看>>
SQL经典面试题集锦
查看>>
View学习(一)-DecorView,measureSpec与LayoutParams
查看>>
色彩力量!21款你应该知道的优秀品牌设计
查看>>
SDUT 3503 有两个正整数,求N!的K进制的位数
查看>>
【.Net】C# 根据绝对路径获取 带后缀文件名、后缀名、文件名、不带文件名的文件路径...
查看>>
Redis常用命令速查 <第二篇>
查看>>
CSS规范
查看>>
使用FastDateFormat来代替JDK自带的DateFormat
查看>>
Python爬虫从入门到放弃(十六)之 Scrapy框架中Item Pipeline用法
查看>>
Android源代码解析之(三)--&gt;异步任务AsyncTask
查看>>
(zhuan) 自然语言处理中的Attention Model:是什么及为什么
查看>>
C#中使用RabbitMQ收发队列消息
查看>>
Hadoop1.2.1 全然分布式集群搭建实操笔记
查看>>
第三百二十七节,web爬虫讲解2—urllib库爬虫—基础使用—超时设置—自动模拟http请求...
查看>>
MVC总结--MVC简单介绍以及和WebForm差别
查看>>
tiny4412 裸机程序 五、控制icache【转】
查看>>
VB.NET多线程入门
查看>>
国外物联网平台初探(二) ——微软Azure IoT
查看>>
findlibrary returned null产生的联想,Android ndk开发打包时我们应该怎样注意平台的兼容(x86,arm,arm-v7a)...
查看>>