如何解决计算属性未重新渲染
当组件数据值(带有对象的数组)更改时,计算属性不受影响。
在下面的示例中,我有一个表,其中填充了一些数据(它是具有标题的不同状态的任务)。如果您单击一个任务并单击“更改任务信息”按钮,它会将当前选择的任务更改为
{
Status = QA Review
Title = TEST
}
但是,如果您对 99,100 行进行注释并取消对 96 行的注释,则如果您尝试单击选择了不同任务的按钮,则情况将不再相同,任务会在组件的“任务”变量中更新,但不会重新渲染通过计算道具。
有什么想法吗?
SB https://codesandbox.io/s/vue-table-test-enviroment-bx1sd?file=/src/components/HelloWorld.vue
解决方法
如果您按索引替换数组项,Vue 将无法检测更改(请参阅 Reactivity in Depth)。
解决方案很简单:
this.$set(this.tasks,indexOfUpdatedTask,test);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。