当组件数据值(带有对象的数组)更改时,计算属性不受影响。
在下面的示例中,我有一个表,其中填充了一些数据(它是具有标题的不同状态的任务)。如果您单击一个任务并单击“更改任务信息”按钮,它会将当前选择的任务更改为
{
Status = QA Review
Title = TEST
}
但是,如果您对 99,100 行进行注释并取消对 96 行的注释,则如果您尝试单击选择了不同任务的按钮,则情况将不再相同,任务会在组件的“任务”变量中更新,但不会重新渲染通过计算道具。
有什么想法吗?
SB https://codesandbox.io/s/vue-table-test-enviroment-bx1sd?file=/src/components/HelloWorld.vue
答案 0 :(得分:1)
如果您按索引替换数组项,Vue 将无法检测更改(请参阅 Reactivity in Depth)。
解决方案很简单:
this.$set(this.tasks, indexOfUpdatedTask, test);