解决el-table动态添加修改数据，表格数据不刷新的问题_el的table数据不刷新

作者：我家自动化 | 2024-02-18 11:31:53

踩

el的table数据不刷新

问题描述

在表格中去添加一行数据，并通过a值带出b值回现到表格中，值发生了改变，页面未刷新。

一开始data里面的obj的属性会被设成了响应式数据，而后面新增的数据再去修改，并没有通过Object.defineProperty设置成响应式数据，所以当我们动态添加的时候并不会刷新。

可以直接采用Vue.set()，如果你实在不知道怎么操作时，可采取this.$forceUpdate()进行强制刷新 (不建议)

Vue.set( target, key, value ) 
 //target：要更改的数据源(可以是对象或者数组)
 //key：要更改的具体数据
 //value ：重新赋的值，
1
2
3
4

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/107608