溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
api：https://vuex.vuejs.org/zh/guide/getters.html
場景：
在登錄時將登錄得到的用戶信息存儲在vuex的state和sessionStorage中。使用時在state中獲取，當因為刷新等原因導致state中沒有數據時，去sissionStorage中獲取。
錯誤：
登錄后，需要獲取用戶信息時，getters中屬性的方法不會執行。只是去getters中獲取緩存
解決方法：
將getters中的屬性改寫成方法，這樣每次調用的時候就會執行，去從新獲取數據。
getloginInfor: (state) => () => {}
代碼：
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
/* 登錄用戶信息 */
loginInfor: {
}
},
mutations: {
setloginInfor (state, msg) {
state.loginInfor = msg
}
},
actions: {
},
getters: {
getloginInfor: (state) => () => {
// 先從state里面獲取用戶登錄信息
let loginInfo = state.loginInfo
// 如果 state 里面獲取不到，那么從localStorage里面獲取
if (!loginInfo) {
loginInfo = JSON.parse(sessionStorage.getItem('loginInfo'))
}
return loginInfo
}
}
})
使用：
this.$store.getters.getloginInfor()
鉆研不易，轉載請注明出處。。。。。。
以上這篇解決$store.getters調用不執行的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
