数据重新赋值，但是dom树并未更新

中文
#1

这是在mixin中的方法
image

在table.vue中使用
image
image

this.filterListStatus()方法
image

组件table-status.vue

image
image628×615 11 KB

问题描述：在本次项目中，我使用的mixin混入了关于表格翻页，搜索的功能，在第一次请求回数据后，使用了filterListStatus方法过滤了一些字符串和状态，但是在过滤完后，浏览器vue插件显示数据已经更改，但是页面状态始终不刷新，迫不得了使用了回调函数试了试，是可以的，就像我图1注释的部分一样。求教各位大神，帮忙看看！

filterListStatus方法是有实参tableData的数据进来的，我截图的时候忘记写了。

这是我需要的样子：
image

这是有问题的样子，只有一个默认的颜色状态：
image

#2

显然，你这个是对数组重新赋值。这样写是错误的。
由于 JavaScript 的限制，Vue 不能检测 数组和对象的变化。深入响应式原理中有相关的讨论。
一般，我都是图省事，使用lodash里面cloneDeep把新数组包起来，当然你也可以参考文档使用别的方法。

#3

你好，重新赋值后，整个数组不是应该都会发生改变了吗？我正常的使用map映射后，就可以实现数据更新，请问您能说的详细点吗？

#4

深入响应式原理 — Vue.js (vuejs.org) 仔细看，一个字一个字的看。

#5

给需要修改的数据设置watch监听试试，把修改方法给to