2021-08-04 el-tree组件涉及的递归,数组的处理

递归:
实例:elementui中的组件中,对于渲染的数据,需求是文件夹渲染到左边的树节点,当前展开的节点下的文件,展示在右边的展示框中;
根据返回数据字段中的fileType值,判断是否为子节点。因为树的层级不知道,所以根据节点是否为根节点,来进行递归。

数组的处理:
https://blog.csdn.net/qq_43681948/article/details/106872531
实例:table中每一个文件item(所在数组为Array)点击事件(点击事件:触发item高亮,下面的detail是否展示,当前item所在Array中的索引赋值给nowNum,有利于截取获得新数组并遍历),先判断item的差异数diffNumber是否为null,否则为有差异,显示下面细节表:传参id,调用detail接口。点击按钮下一个,直接定位到该页面下一个有差异的文件item。
nowNum:0//表示当前差异定位Array中的index,初始值为0
处理当前item所在数组Array,JSON.parse(JSON.stringify(Ayyar))深拷贝数组赋值给List,然后split截取,索引(Array.indexOf(item)),截取(List.slice(nowNum))之后获取新数组中,第一个有差异的item第一次出现的索引值(List.findIndex(item => return item.diffNumber !==null)),根据Array.[this.nowNum+List.findIndex(item => return item.diffNumber !==null)]获取原数组此item,然后.id传参调用detail接口,即可

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值