如何使用v-model修改深vuex数据

Question

我正在尝试修改vuex存储，但是在对象深处的键上使用v-model。显然，在修改数据时，必须使用突变来完成。但是我正在努力想出如何以深远的价值来做到这一点。

这是一个小提琴，应该会产生vuex错误（由于某种原因该错误不会在小提琴中产生）：

[vuex] Do not mutate vuex store state outside mutation handlers

https://jsfiddle.net/antony_publica/L27pcksn/70/

如何为状态返回的对象内部的对象设置计算值，而不必将整个数据集复制到另一个变量并手动跟踪所有更改？

Answer 1

您将无法为此使用计算属性。不要使用v-model，而是绑定到:value并注册您自己的事件侦听器。

https://jsfiddle.net/jamesbrndwgn/L27pcksn/88/

您可能还想阅读有关normalizing state shape的信息。它将使对象的使用更加简单，并避免了深层嵌套。