(vuex)动态监听state变化

最新推荐文章于 2024-09-20 22:35:21 发布

AddTwoNum

最新推荐文章于 2024-09-20 22:35:21 发布

阅读量3.6w

点赞数 5

分类专栏： vue 文章标签： vue-vuex

本文链接：https://blog.csdn.net/sinat_33408089/article/details/79534331

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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);
      }