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

业务需求

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

解决方法

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

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


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

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

感谢分享

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

相关推荐
weixin_408099676 分钟前
【完整教程】天诺脚本如何调用 OCR 文字识别 API?自动识别屏幕文字实战(附代码)
前端·人工智能·后端·ocr·api·天诺脚本·自动识别文字脚本
吴声子夜歌7 分钟前
ES6——Generator函数详解
前端·javascript·es6
吴声子夜歌8 分钟前
ES6——Set和Map详解
前端·javascript·es6
码喽7号38 分钟前
vue学习四:Axios网络请求
前端·vue.js·学习
xinzheng新政1 小时前
Javascript 深入学习基础·4
javascript·学习·servlet
粥里有勺糖1 小时前
视野修炼-技术周刊第129期 | 上一次古法编程是什么时候
前端·javascript·github
whuhewei2 小时前
JS获取CSS动画的旋转角度
前端·javascript·css
蓝黑20202 小时前
Vue组件通信之v-model
前端·javascript·vue
像素之间2 小时前
为什么运行时要加set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve
前端·javascript·vue.js
M ? A2 小时前
Vue转React实战:defineProps精准迁移实战
前端·javascript·vue.js·经验分享·react.js·开源·vureact