自动对象突变 Vuejs

Question

我有一点问题。 我正在使用 Vuex 并且我有一个对象类型的"用户"状态，当我从我的组件调用它并将其分配给模型时，我一切正常，但是在模型中进行更改时，我会自动突变为我的"用户"，我不希望发生这种情况。

Answer 1

你可以使用 computed 的 set 和 get 将 vuex 状态连接到 v-model。 在获取中，您应该编写一个从存储返回所需数据的函数。 在集合中，您应该编写一个函数，将突变提交到存储区。

Vuex 文档鼓励开发者以这种方式处理表单。

{
template : '<input v-model="username"',
computed: {
username: {
get: function () {return this.$store.user.name},
set: function (newVal) { this.$store.commit('setNewName', newVal)}
}
}
}