vue router导航守卫使用不了this.$store

再使用导航守卫时候,需要判断vuex中的内容,但是没有this,偶然发现可以使用router这个对象获取到

import Vue from 'vue'
import VueRouter from 'vue-router'
import Map from '@/components/Map'
import Service from '@/components/Service'
import Confirm from '@/components/Confirm'

Vue.use(VueRouter)

//定义路由
let routes = [
    {path: '/map', component: Map},
    {path: '/service', component: Service},
    {path: '/confirm', component: Confirm},
    {path: '/', component: Map},
]
//创建路由实例
let router = new VueRouter({
    mode: 'history',
    routes,
})
router.beforeEach((to, from, next) => {
    //这个router包含了大部分的内容
    console.log(router.app.$store.getters.user)
   
    next()
})
export default router;
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习目的 学习Vue的必备技能,必须 熟练使用 Vue-router,能够在实际项目中运用。 Vue-rout...
    _1633_阅读 92,602评论 3 58
  • 前言 vue-router是什么:是vue.js官方的路由管理器和vue.js的核心深度的集成,让开发者更加简单的...
    GUAN_one阅读 9,128评论 0 2
  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 4,690评论 0 1
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 8,491评论 1 22
  • 今天阅读的是李笑来的《把时间当做朋友》第一章。 在书中,给我留下深刻印象的几点如下。 01一件事情如果你不知道做他...
    迅妹_2080阅读 3,173评论 2 5