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

业务需求

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

解决方法

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

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


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

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

感谢分享

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

相关推荐
JIngJaneIL7 分钟前
基于Java + vue干洗店预约洗衣系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
搬山境KL攻城狮7 分钟前
记-SPA单页面应用Chrome自动翻译导致中文错别字问题
前端·chrome
HIT_Weston16 分钟前
61、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(五)
前端·ubuntu·gitlab
剑小麟28 分钟前
vue2项目中安装vant报错的解决办法
vue.js·java-ee·vue
旺仔Sec39 分钟前
2026年度河北省职业院校技能竞赛“Web技术”(高职组)赛项竞赛任务
运维·服务器·前端
用户40993225021240 分钟前
Vue的Class绑定对象语法如何让动态类名切换变得直观高效?
前端·ai编程·trae
瘦的可以下饭了1 小时前
Day01-API
javascript
GIS之路1 小时前
GIS 数据转换:GDAL 实现将 CSV 转换为 Shp 数据(一)
前端
Nan_Shu_6141 小时前
学习:Vue (2)
javascript·vue.js·学习
武清伯MVP1 小时前
深入了解Canvas:HTML5时代的绘图利器(一)
前端·html5·canvas