如何在计算的vuex中设置状态？

Question

也许我没有找到这个，但我想不通：我有这个字段：

<md-input v-if="edit===false" disabled v-model="userdata.username"></md-input>

我正在用 vuex getter 绑定计算的用户数据，如下所示：

...mapGetters({
    userdata: "getUserData"
  })

没有问题，但是当我在字段中输入时，出现错误，因为不推荐在突变之外改变状态，所以，当我输入时如何使用突变更新状态领域？

我有这个突变来更新用户数据：

[types.UPDATEUSERDATA] (state, user) {
  state.currentUser = user;
}

这是 getData 突变：

[types.GETUSERDATA] (state) {
  return state.currentUser;
}

提前致谢。

Answer 1

抱歉，我会把它留在这里以防万一，答案在文档中 here

只需将 v-model 更改为 :input 并在更改后添加 avent 进行更新：

<input :value="message" @input="updateMessage">

所以 updateMessage 被触发，我在其中改变了状态：

updateMessage (e) {
  this.$store.commit('updateMessage', e.target.value)
}

how to set state in computed vuex?