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

这是在mixin中的方法
image

在table.vue中使用
image
image

this.filterListStatus()方法
image

组件table-status.vue

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

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

这是我需要的样子:
image

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

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

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

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

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