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

业务需求

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

解决方法

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

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


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

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

感谢分享

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

相关推荐
南棱笑笑生1 小时前
20250302让chrome打开刚关闭的网页
前端·chrome
牛奶1 小时前
前端学AI:基于Node.js的LangChain开发-知识概念
前端·人工智能·aigc
银之夏雪1 小时前
ESLint 深度解析:原理、规则与插件开发实践
java·前端·javascript
白嫖叫上我2 小时前
js删除嵌套数组对象中的某项,并重置其后的索引
前端·javascript
web135085886352 小时前
【Vue教程】使用Vite快速搭建前端工程化项目 Vue3 Vite Node.js
前端·vue.js·node.js
下雨打伞干嘛2 小时前
前端怎么排查幽灵依赖
前端
yinxiangzhongqing3 小时前
从vue源码解析Vue.set()和this.$set()
前端·javascript·vue.js
廖若星辰LTY3 小时前
uniapp 解决 H5 跨域问题
前端·javascript·uni-app·html5
青红光硫化黑4 小时前
前端基础之内置指令与自定义指令
前端·javascript
青红光硫化黑4 小时前
前端基础之收集表单数据
前端·javascript