当前位置: 首页 > article >正文

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

业务需求

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

解决方法

element表格当前行数据,属性修改;无法更新视图,是由于table监听的是一行数据,而不是某个单元格属性
这里需要我们主动触发页面更新,可以用到 s e t 方法。我们可以使用 set方法。我们可以使用 set方法。我们可以使用set()方法,既可以新增属性,又可以触发视图更新。

在这里插入图片描述
在这里插入图片描述

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

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

感谢分享

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


http://www.kler.cn/a/392301.html

相关文章:

  • 标准IO
  • Arduino IDE刷微控制器并下载对应固件的原由
  • Java最新面试题(全网最全、最细、附答案)
  • 20241230 AI智能体-用例学习(LlamaIndex/Ollama)
  • 【unity调用c++动态库,c++和c#相互调用】
  • 文件上传漏洞 (网络安全)
  • 《情商》提升:增强自我意识,学会与情绪共处
  • 请描述一下Spring Boot中的@SpringBootApplication注解的工作原理?
  • 动态规划中处理边界条件的常见策略
  • 【Lucene】从文本到索引:Lucene如何构建索引
  • 第十一天 线性代数基础
  • 磐石云黑名单管理系统
  • Android ANR分析总结
  • 石油安全理论知识题库 考试宝在线刷题
  • 重绘和回流详细介绍
  • 深度学习代码笔记
  • 【java】java通过s3访问ceph报错
  • windows下qt5.12.11使用ODBC远程连接mysql数据库
  • 5G NR gNB 逻辑架构及其功能拆分选项
  • 编程之路,从0开始:字符函数和字符串函数
  • 基于微信小程序的电子购物系统的设计与实现
  • Javascript高级—闭包问题
  • 【JavaSE】(5)继承
  • 河南省的一级科技查新机构有哪些?
  • Linux redis-6.2.6安装
  • Spring Cloud Contract快速入门Demo