element嵌套表格 对展开的表格的数据进行编辑 编辑完成后 刷新页面 数据不能正常渲染（还是显示之前的数据）

已于 2023-06-06 16:57:15 修改
阅读量285 收藏
点赞数 1
分类专栏： Element 文章标签： elementui vue.js
于 2023-04-14 19:42:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52510500/article/details/130160643
版权

相关图片：

解决方法：

上网搜索了多种常用的方法 都没有解决 最后利用表格的loading功能 成功解决

1. 处理外层表格的数据 

2. 为内层表格绑定v-loading

 3. 调用获取内层表格数据的接口前 开启加载效果  在finally里面关闭加载效果

 

BelieveTom、
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue element实现表格合并行数据
01-18
本文实例为大家分享了vue element实现表格合并行数据的具体代码，供大家参考，具体内容如下 支持不分页的表格数据，分页的表格数据还有小bug <el
element tree不刷新视图_你不知道的浏览器渲染原理
weixin_39939665的博客
11-03 184
前言浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是 JS 引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。这里面大家最耳熟能详的可能就是 Webkit 内核了，Webkit 内核是当下浏览器世界真正的霸主。本...
Web前端篇——ElementUI之el-scrollbar + el-backtop + el-timeline实现时间轴触底刷新和一键返回页面顶部
最新发布
u011391361的博客
01-04 1674
ElementUI之el-scrollbar + el-backtop + el-timeline实现时间轴触底刷新和一键返回页面顶部
element时间抽el-timeline触发点击事件的方法
Y丶小琪
07-15 5037
直接在element的时间轴组件el-timeline-item上挂在点击事件是不生效的，只有点击在连接线的位置才能触发，这是因为在点击过程中，可能点击到的是el-timeline-item的子元素，比如el-timeline-item__timestamp is-bottom"></div>元素 解决方法：在click上面加上修饰符.native <el-timeline> <el-timeline-item
【解决】Element UI表格Table组件，点击翻页后之前选中的数据仍保留，勾选中的样式也会回显
huangfuyk.的博客
12-04 4109
解决：使用Element UI的表格Table组件，在第一页选中的数据，跳转到第其他页再返回第一页时，选中的数据消失。
eltable 嵌套数据渲染注意点
cccz1234的博客
03-23 397
"reqList":[{"reqCode":"DTS999999","detail":[{"count":2,"microservCode":"Order"},{"count":1,"microservCode":"APK"}]},{"reqCode":"DTS999998","detail":[{"count":2,"microservCode":"Order"},{"count":0,"microservCode":"APK"}]}] this.otherTable=data[0].detail..
Element ui TableData数据变化了，表格不会重新渲染
qq_41306166的博客
02-02 4008
使用 this.$set方法 if(res.length>0){ res.forEach(l => { l.DtImpDate = l.DtImpDate.substring(0,10).replace(/-/, "/").replace(/-/, "/"); if(l.StrOutPath){ var d = l.StrOutPath; d = d.repla.
el-table数据更新后视图不更新渲染vue3环境
m0_37733303的博客
04-07 1973
环境：vue3中使用elementplus 问题：el-table表格，数据更新之后，视图不更新，就很郁闷 我可是用的官网的例子啊o(╥﹏╥)o 代码块 <el-table :data="filterTableData" style="width: 100%" stripe> <el-table-column type="index" :index="1" /> <el-table-column prop="data" label="dat
vue问题 - 嵌套子表格
weixin_39061000的博客
06-18 2114
问题如图：父表格展开后，子表格展示成功，但是子表格的数据以2种方式各渲染了一次 原因：childrenColumnName的默认值是children，所以当数据中的子数据是children，展开时会默认加载到子表格中 解决：将树结构数据中的children改成其它名字 这样就解决问题了 附渲染代码 <a-table :columns="columns" :data-source="menuList" @expand="onExpand" :rowKey="(record) =&..
elementUI表格数据不实时更新（解决）--妙用方法
蜗牛~~
05-22 3011
由于我对elementUI的表格进行了嵌套接口的调用，并且每个接口调用数据会有一定的时间，导致表格数据渲染不完全，但是打印表格的数据时候也都获取到了，只是页面数据只更新了一部分。 一步搞定，表格数据刷新splice(1,0) 可以主动触发表格刷新哦~~~~~~~学废了吗>>>>>>>>> self.tableData = self.table; self.tableData.splice(1,0) ...
Element实现表格分页数据选择+全选所有完善批量操作
12-11
后台管理系统中的列表页面，一般都会有对列表数据进行批量操作的功能，例如：批量删除、批量删除等。 之前项目中只是简单的用到Element框架中常规的属性、事件。在一次机缘巧合下，了解到一个公司内部的框架是基于...
element-ui 表格数据时间格式化的方法
12-02
在element-ui table 如何格式化呢  1.首先 代码如下:”AuditEndTime” label=”处理时间” width=”120″ formatter=”dateFormat” align=”center”>  主要是:formatter=”dateFormat” 这个属性  formatter...
Vue实现表格中对数据进行转换、处理的方法
01-21
但是在Vue中，如果采用了element等组件，利用数据绑定的特性，也是很难对表格遍历的数据进行单独行的处理的。 我们这边取一个例子来说。比如Mysql datetime 类型的数据与我们一般的显示的形式是不一样的，为了用户更...
element-ui表格数据转换的示例代码
10-18
主要介绍了element-ui表格数据转换的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Element ui 组件库 使用技巧。
i_Satan的博客
04-21 6452
el-radio组件 单选框取消选中。 el-radio 单选框组件默认是不能取消选中的. 解决办法: 我们可以给他添加 click事件,把 label 值 传入点击事件,然后每次点击的时候去判断 label 和 radio 的值是否相同.如果相同 就置为空,如果不同,就给 radio 赋值. 参考文章@官尔 方法一: <el-radio-group v-model="radio2"> <el-radio @click.native.prevent="clickitem(3
ElementUl 中时间线Timeline 的样式优化（左右分布)
Asgfcsdn的博客
05-08 1941
ElementUl 中时间线Timeline 的样式优化（左右分布)
vue + element ui 中点击表单编辑，未发起请求，表格数据也跟着改变的问题
weixin_42564420的博客
02-25 2241
vue + element ui 中点击表单编辑，未发起请求，表格数据也跟着改变的问题 问题描述：点击编辑表格某一条数据时，此时并未发起请求修改数据，但是表格的数据也会随着改变 分析原因：在表单编辑当前数据时，还没有点击确定或者取消，此时表格的数据已经改变，而奇怪的是浏览器并未发起请求修改数据，原来是回显数据的时候直接修改了目标的数据。这是浅拷贝，引用地址还是用的真实数据，虽然没有保存到数据库中，但是误以为已经修改修改了数据，所以用 JSON 进行深拷贝即可。 解决办法： edit(row){ //JSON
Vue ElementUI 在表单中修改数据，表格的数据也跟着修改的问题
潇雷的博客
12-20 2736
在编辑表单的时候，修改表格的数据，不管确定还是取消，表格的数据也被修改了，这是因为我们回显数据的时候直接修改了目标的数据。这是浅拷贝，引用地址还是用的真实数据，虽然没有保存到数据库中，但会误导观众，这时候用下面的回显方式，用过 JSON 进行深拷贝即可。 editShow(row){ this.$data.contract=JSON.parse(JSON.stringify(row)) this.$data.form.fileName=row.fileName this.$data.draw.
解决element-ui中，在表单中修改数据，表格的数据也跟着修改的问题
yb305
05-17 1598
问题：在表单中修改数据，经常遇到表格的数据也跟着修改的问题，并且不管是不是按确定或取消按钮，表格的数据还是被修改了。 部分代码如下： editRow(row: any): void { this.currentInfo = row; this.dialogVisible = true; this.title = '更新信息'; } 问题原因： this.currentInfo = row; 这段代码中，row是Object对象类型，如果直接赋值的话，就变成了浅拷贝，复
element table数据变化后,表格不重新渲染
09-18
然而，由于element table是基于Vue的组件库，它可能使用了虚拟DOM来提高性能，并且只会对变化了的数据进行重新渲染，因此当变化的数据不在表格中显示时，表格不会重新渲染。 2. 组件性能优化：为了提高渲染性能，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值