Element 树形表格第一行无法收起解决方法

今天写了一个树形表格,遇到一个问题,只有第一行的数据无法进行展开与收起,其他行正常

1.问题描述

如图,只有位于第一行的item1无法展示与收起,item2正常。
问题1

2.解决方法

阅读ele文档,注意到这么一句话渲染树形数据时,必须要指定 row-key,只有第一行异常,那是不是第一行的row-key不符合条件呢?

// 原来的row-key: 从0开始: 0,1,2,3...
  resp.forEach(item => {
                let name= item.name;
                let index= resp.indexOf(item);
       this.dataList.push({name: name,index:index})
})

// 修改后的row-key: 从1开始: 1,2,3...
  resp.forEach(item => {
                let name= item.name;
                let index= resp.indexOf(item)+1;
       this.dataList.push({name: name,index:index})
})

至此,问题解决。当row-key从1开始以后,第一行也可以正常收起和展开了。

3. 尝试

尝试1: row-key 为负数:

  resp.forEach(item => {
                let name= item.name;
                let index= resp.indexOf(item)-9999;
       this.dataList.push({name: name,index:index})
}) 

所有列可以正常收起和展开。

尝试2: row-key 为String:

// // 修改后的row-key: 从A开始:"A","B"...
  resp.forEach(item => {
                let name= item.name;
                let index= String.fromCharCode(resp.indexOf(item)+65);
       this.dataList.push({name: name,index:index})
}) 

所有列可以正常收起和展开。

4. 结论

树形表格row-key可以支持string,正负数,为row-key = 0时会出现效果异常


晓看天色暮看云,行也思君,坐也思君;春观百花冬观雪,醒亦念卿,梦亦念卿

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小雅痞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值