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);
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35