如何在 Vue 组件中查看动态的 Vuex store 变化？

Question

我需要看 Vuex 商店。问题是商店是动态商店。据我所知，我可以将 Vuex 存储视为字符串，但是如何使用名称在变量中的动态存储来实现呢？

我找到了这段代码：

watch: {
    '$store.state.local_store.list_of_data':{
        handler(){
            console.log("value changeing in party sales entry");
        },
    deep:true
    }
},

但是我有一家店叫这个名字

this.$store.dispatch(`${this.storeName}/updateNewShare`, this.newShareToken);

其中 this.storeName 是动态模块的名称。我不能在观察者字符串中使用变量。可以吗？

Answer 1

尝试使用挂载或创建的生命周期中的手表API。

mounted() {
  store.watch(()=>`${this.storeName}/updateNewShare`, value=>{})
}

如何在 Vue 组件中查看动态的 Vuex store 变化？

How to watch dynamic Vuex store change in the Vue component?

vuejs2

nuxt.js

vuex

watch