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

业务需求

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

解决方法

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

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


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

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

感谢分享

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

相关推荐
前端Hardy4 分钟前
HTML&CSS:产品卡片动画效果
前端·javascript
货拉拉技术10 分钟前
货拉拉开源:鸿蒙路由 TheRouter
android·前端·harmonyos
中杯可乐多加冰12 分钟前
工业4.0数字孪生新引擎:星图云开发者平台全景评测
前端·低代码·掘金·金石计划
云边小卖铺.19 分钟前
运行vue项目报错 errors and 0 warnings potentially fixable with the `--fix` option.
前端·javascript·vue.js
东方-教育技术博主20 分钟前
IDEA运行VUE项目报错相关
vue.js·arcgis·intellij-idea
我是若尘20 分钟前
前端处理大量并发请求的实用技巧
前端
Lstmxx22 分钟前
Electron:使用数据流的形式加载本地视频
前端·electron·node.js
JunjunZ29 分钟前
unibest框架开发uniapp项目:兼容小程序问题
前端·vue.js
lyc23333331 分钟前
鸿蒙Next应用启动框架AppStartup:流程管理与性能优化🚀
前端
Data_Adventure31 分钟前
Vue 3 作用域插槽:原理剖析与高级应用
前端·vue.js