全局路由守衛(wèi)this.$vux.loading.hide()報(bào)錯(cuò)，訪問不到this

解決辦法

申明變量代替this

main.js文件方法

router.beforeEach((to, from, next) => { if(vue){ vue.$vux.loading.hide() }else{ } next()})let vue = new Vue({ el: ’#app’, router, store, components: { App }, template: ’<App/>’})

if判斷防止第一次初始化報(bào)錯(cuò)

或者

let vue = new Vue({ el: ’#app’, router, store, components: { App }, template: ’<App/>’})router.beforeEach((to, from, next) => { // if(vue){ vue.$vux.loading.hide() // }else{ // } next()})

補(bǔ)充知識(shí)：解決導(dǎo)航守衛(wèi)使用不了this.$store

在vue router的導(dǎo)航守衛(wèi)如beforeEach()中是無法直接通過this.$store去操作vuex的，因?yàn)檫@里的this指向不一致。

解決方式是在router的index.js中引入初始化好的store

import store from ’@/store’

然后在導(dǎo)航守衛(wèi)中可直接拿到router了

/**導(dǎo)航守衛(wèi) */router.beforeEach((to, form, next) => { console.log(store.getters)})

以上這篇vue中全局路由守衛(wèi)中替代this操作(this.$store/this.$vux)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。