vuex提交不提交到存储

Question

我很难得到在商店工作的promise。

我通过一个动作调用突变，这似乎很有效。

export const location = {
  state: {
    x: 0,
    y: 0,
    z: 0,
    extent: [],
    epsg: 'EPSG:3857'
  },
  mutations: {
    setLocation(state, payload) {
      // mutate state
      console.log("Commit");
      state.x = payload.x;
      state.y = payload.y;
      console.dir(state); //this does return the mutated state.
    }
  },
  actions: {
    setLocation(context, payload) {
      console.dir(payload);
      context.commit('setLocation', payload);
    }
  },
  getters: {
    mapLocation(state) {
      return state
    }
  }
}

该操作被导入到我的组件中：

methods: {
     ...mapActions(['setLocation']),

然后叫：

var location = {
      x: data[0],
      y: data[1]
    }
    this.setLocation(location);

这一切看起来都有效，但是当我检查Vue开发工具时，Vuex基本状态保持不变，并且我有一个活动突变（setPlace）。我可以点击“全部提交”来提交有效的突变。

在我的组件中，我在getter mapLocation上使用了一个监视程序，当我单击Commit All时会触发该监视程序。

我如何强制它向商店提交？

谢啦

Answer 1

好的，这实际上是一个非常简单的问题/疏忽。

我没有在DOM中对我正在观察的计算属性进行任何建模，所以它从未更新过。

因此，解决方案是简单地使用v-model="mapPlace"来确保手表着火。