elementUI 表格使用resolve() 函数懒加载后,重新改变树形数据出现视图残留

官方试例:

load(tree, treeNode, resolve) {
        setTimeout(() => {
          resolve([
            {
              id: 31,
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1519 弄'
            }, {
              id: 32,
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1519 弄'
            }
          ])
        }, 1000)
      }

使用resolve()函数进行懒加载,数据并不会直接更新到表格data所绑定的树形数据里面,然后刷新该树形数据后,使用resolve()懒加载过的节点数据依旧存在,而某些时候我们希望这些节点消失,需要重新点击的时候再出现

如:默认展示第一层数据,但是点击懒加载之后,该条数据的子节点显示出来

(默认展示第一层数据,但是点击懒加载之后,该条数据的子节点显示出来)再次点击第一层的时候表格绑定data的树形结数据已经重新从后端拿到,没有子节点
(再次点击第一层的时候表格绑定data的树形结数据已经重新从后端拿到,没有子节点,然后页面上还是显示了子节点)

暂时的处理方式:

每次重新加载表格绑定data的树形数据的时候将,该数据的全部ID随机化,这样resolve()加载的节点在数据重新加载的时候便不会显示在页面上

table绑定的data数据
处理后端重新发来的树形数据
处理树形数据的Id

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值