(vuex)動態監聽state變化
阿新 • • 發佈:2019-01-24
vuex的dispatch是非同步執行的,所以如果有用到state的地方但是又沒有繫結元件的話就會導致渲染完成了但是資料沒有獲取到的情況
如何檢測state中的資料變化,下面舉個栗子
/*store.js*/
const state={
existSSID:{},
wifiList:[]
};
const getters={
getWiFiList: state => {
return state.wifiList;
}
};
export default new Vuex.Store({
state,
getters,
mutations,
actions
} );
/*在需要監聽的ssid.vue檔案中*/
computed:{
...mapGetters([
'getWiFiList'
])
},
watch: {
getWiFiList: function(li) { //li就是改變後的wifiList值
this.getAllId(li); //呼叫別的函式
console.log("改變",li);
}