vuex的命名空间有哪些_Vuex在vue路由器中访问命名空间模块的getter
我試圖通過(guò)檢查用戶是否經(jīng)過(guò)身份驗(yàn)證來(lái)保護(hù)我的路由，這是示例路由：
{
path: '/intranet',
component: search,
meta: { requiresAuth: true },
props: {
tax: 'type',
term: 'intranet-post',
name: 'Intranet'
}
},
我正在這樣設(shè)置警衛(wèi)：
router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) {
let authenticated = this.$store.getters['auth/getAuthenticated'];
if (!authenticated) {
next({
path: '/login',
query: { redirect: to.fullPath }
})
} else {
next()
}
} else {
next()
}
})
這是auth的vuex模塊：
import Vue from "vue";
export default {
namespaced: true,
state: {
authenticated: !!localStorage.getItem("token"),
token: localStorage.getItem("token")
},
mutations: {
login: function(state, token){
state.authenticated = true;
state.token = token;
},
logout: function(state){
state.authenticated = false;
state.token = '';
}
},
actions: {
login: function({commit}, token){
localStorage.setItem('token', token);
commit('login', token);
},
logout: function({commit}){
localStorage.removeItem("token");
commit('logout');
}
},
getters: {
getToken: (state) => state.token,
getAuthenticated: (state) => state.authenticated,
}
}
但是，當(dāng)我嘗試訪問(wèn)auth getter時(shí)，就像路由防護(hù)中顯示的那樣，我收到一個(gè)錯(cuò)誤：
無(wú)法讀取未定義的屬性'getters'
我做錯(cuò)了什么，我該如何解決這個(gè)問(wèn)題？
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的vuex的命名空间有哪些_Vuex在vue路由器中访问命名空间模块的getter的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 百度网盘下载提速，推荐3种亲测有效的方法
- 下一篇： elementui table某一列是否