首页 > 其他分享 >elementUI的table表格改变数据不更新问题解决

elementUI的table表格改变数据不更新问题解决

时间:2023-02-14 11:11:17浏览次数:42  
标签:表格 elementUI editable 更新 table 赋值 data 属性

问题原因:在 Vue 实例创建时,以及 data 赋值时 editable 并未声明,因此就没有被Vue转换为响应式的属性,自然就不会触发视图的更新。

解决方案:

1、给 data 赋值前把 editable 属性添加到数组里

这里就不贴代码了,大概思路就是:获取到列表信息之后缓存在一个临时数组里(不可以是 data 里面定义好的对象),循环遍历列表信息,给每一条数据都添加一个属性 editable 值为 false,然后再把处理过的列表信息赋值给 data 。

2、使用:key 或者 v-if

修改绑定在 table 上面的 key 值,可以触发 table 的重新渲染,这样就可以把修改后的 data 在表格里面更新渲染。

3.$set 可以让动态的给 data 添加响应式的属性,让 editable 变为响应式的,就可以直接触发页面更新。

标签:表格,elementUI,editable,更新,table,赋值,data,属性
From: https://www.cnblogs.com/yn-cn/p/17118960.html

相关文章

  • 面试题 HashMap和HashTable有什么区别
    ......
  • Oracle split partition and table compression
    DECLAREV_BEGIN_DTDATE;IN_PART_TYPEVARCHAR2(30):='PM_MAX';STR_PART_DTVARCHAR2(30);STR_DTVARCHAR2(30);BEGINFORIIN(SELECT......
  • mysql 报错:Every derived table must have its own alias
    1.情景展示使用mysql对派生表查询数据的时候,报错信息如下:Everyderivedtablemusthaveitsownalias使用谷歌翻译成中文:每个派生表都必须有自己的别名。2.具体分析因为习......
  • HTML_04_Table
    Table1.Basictablestructure<table></table>​ createatable<tr></tr>​ indicatethestartofeachrow<td></td>​ eachcellinaroll<table><t......
  • table 布局
    ​​rowspan​​​行扩展​​rowspan="2"​​表示占据两行的高度​​colspan​​​列扩展​​colspan="2"​​表示占据两列的宽度<!DOCTYPEhtml><html><head><ti......
  • 关于DataTable的一些操作
    1.数据筛选:dt.AsEnumerable().Where(r=>r.Field<string>("Name").StartsWith("A")).FirstOrDefault(); 2.注意AsEnumerable不可连续使用,比如:varitemdata=dt.As......
  • 【elementUi】组件el-scrollbar监控滚动事件
    ElementUi的el-scrollbar组件<el-scrollbarstyle="height:50vh"ref="scrollbar"></el-scrollbar>  写个事件来监听该组件的滚动事件handleScroll(){......
  • 前端导出pdf字体表格被截断问题解决
    最近有个导出pdf的需求,写好之后分页出现字体,表格被截断的问题,影响美观,需要解决。  经过多方查找,发现一个比较好的思路,设置背景色为白色,然后转成图片后,获取截断处图片......
  • 为什么leveldb/rocksdb只允许一个线程修改memtable?
    leveldb/rocksdb采用deque控制多线程只允许一个线程修改memtable,是由于memtable不存在读-写冲突(采用MVCC,保证Sequence一定不同,memtable的key就一定不同,update/delete/ins......
  • Bootstrap-table的客户端分页渲染表格
    文章目录​​一、前言:​​​​1、服务端分页地址:​​​​2、插件下载地址:​​​​二、客户端分页步骤:​​​​1、table标签:​​​​2、js渲染:​​​​2.1、表格初始化​​......