vuexコミットがストアをコミットしない

Question

ストアで作業するコミットを取得できません。

私はアクションを介して突然変異を呼び出していますが、これはうまくいくようです。

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基本状態は変わらず、私はアクティブな突然変異を持っています（setLocation）。私は 'Commit All'をクリックして、動作する突然変異をコミットすることができます。

私のコンポーネントでは、Commit Allをクリックすると起動するゲッターのmapLocationでウォッチャーを使用しています。

ストアにコミットするにはどうすればよいですか？

ありがとうございました

Answer 1

これは実際には非常に単純な問題/見落としです。

私が見ていた計算されたプロパティのDOM内に何もモデル化していないので、更新されませんでした。

したがって、v-model = "mapLocation"を使用して時計が確実に点滅するようにするだけです。