当前位置: 首页 > 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

相关文章:

  • vivo 游戏中心包体积优化方案与实践
  • [Docker#8] 容器配置 | Mysql | Redis | C++ | 资源控制 | 命令对比
  • P8680 [蓝桥杯 2019 省 B] 特别数的和
  • fastapi 查询参数支持 Pydantic Model:参数校验与配置技巧
  • Spark 核心概念与宽窄依赖的详细解析
  • Django 的 ModelViewSet 中的 get_queryset 方法自定义查询集
  • 《情商》提升:增强自我意识,学会与情绪共处
  • 请描述一下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