【Element】vue2 el-table scope.row 更改数据,试图没有更新

业务需求

点击编辑按钮,修改表格行状态,显示输入框,前置需要在表格添加一个管理编辑的状态,点击编辑修改状态,更新视图。

解决方法

element表格当前行数据,属性修改;无法更新视图,是由于table监听的是一行数据,而不是某个单元格属性

这里需要我们主动触发页面更新,可以用到 s e t 方法。我们可以使用 set方法。我们可以使用 set方法。我们可以使用set()方法,既可以新增属性,又可以触发视图更新。


上面的三个参数分别是:data是表格的数据源,index是修改row当前行的索引,row是改后的数据

类似的问题:如给当前行row,添加或者删减,字段属性;都可以用$set方法处理;

感谢分享

elementUI踩坑之 table表格当前行row修改数据,视图不更新

相关推荐
MediaTea3 分钟前
Ae 效果详解:VR 颜色渐变
前端·vr
九思x5 分钟前
Node.js和Vue CLI 安装指南(Windows 系统)
前端·vue.js·windows
你我哈10 分钟前
Vue.js 与 Axios 实现音乐自由
前端·javascript·vue.js
九丶黎27 分钟前
爬虫案例十一js逆向数位观察网
开发语言·javascript·爬虫
uhakadotcom29 分钟前
Next.js 高并发场景下的性能优化技巧
前端·面试·github
没资格抱怨33 分钟前
vue3中接收props的两种写法
前端·javascript·vue.js
初遇你时动了情38 分钟前
js防抖、节流函数封装
前端·javascript·vue.js
树上有只程序猿1 小时前
Linux系列:如何调试 malloc 的底层源码
前端
尚学教辅学习资料1 小时前
基于SSM+Vue的汽车维修保养预约系统+LW示例
前端·vue.js·汽车·java毕设·汽车维修