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

业务需求

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

解决方法

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

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


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

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

感谢分享

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

相关推荐
前端程序猿i10 分钟前
用本地代理 + ZIP 打包 + Excel 命名,优雅批量下载跨域 PDF
前端·javascript·vue.js·html
Danny_FD19 分钟前
Vue2 中使用vue-markdown实现编辑器
前端·javascript·vue.js
用户游民19 分钟前
Flutter 项目热更新加载 libapp.so 文件
前端
coding随想20 分钟前
Vue和React对DOM事件流的处理方法解析
前端
用户479492835691521 分钟前
字节面试官:forEach 为什么不能被中断?
前端·javascript
ccnocare21 分钟前
window.electronAPI.send、on 和 once
前端·electron
tager26 分钟前
🍪 让你从此告别“Cookie去哪儿了?”
前端·javascript·后端
阿吉被迫了解低代码32 分钟前
前端:“学算法?狗都不... !”
前端
前端赵哈哈37 分钟前
Vue 3 + TypeScript 项目模板
前端·vue.js·vite
南囝coding40 分钟前
命令行神器 The Fuck,敲错命令的后悔药
前端·后端