(vuex)动态监听state变化


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM