vue router導(dǎo)航守衛(wèi)使用不了this.$store

再使用導(dǎo)航守衛(wèi)時候,需要判斷vuex中的內(nèi)容,但是沒有this,偶然發(fā)現(xiàn)可以使用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},
]
//創(chuàng)建路由實例
let router = new VueRouter({
    mode: 'history',
    routes,
})
router.beforeEach((to, from, next) => {
    //這個router包含了大部分的內(nèi)容
    console.log(router.app.$store.getters.user)
   
    next()
})
export default router;
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 學(xué)習(xí)目的 學(xué)習(xí)Vue的必備技能,必須 熟練使用 Vue-router,能夠在實際項目中運用。 Vue-rout...
    _1633_閱讀 92,921評論 3 58
  • 前言 vue-router是什么:是vue.js官方的路由管理器和vue.js的核心深度的集成,讓開發(fā)者更加簡單的...
    GUAN_one閱讀 3,868評論 0 2
  • vue筆記 一.vue實例 vue的生命周期 beforeCreate(創(chuàng)建前), created(創(chuàng)建后), b...
    秋殤1002閱讀 1,131評論 0 1
  • vue-cli搭建項目 確保安裝了node與npm 再目標(biāo)文件夾下打開終端 執(zhí)行cnpm i vue-cli -g...
    Akiko_秋子閱讀 3,365評論 1 22
  • 今天閱讀的是李笑來的《把時間當(dāng)做朋友》第一章。 在書中,給我留下深刻印象的幾點如下。 01一件事情如果你不知道做他...
    迅妹_2080閱讀 515評論 2 5

友情鏈接更多精彩內(nèi)容