el-table树型数据lazy加载实现首行展开

el-table树型数据lazy加载实现首行展开

遇到一个小需求,一个树型数据的el-table,并且使用lazy加载,需要实现首行展开。

实现

思路:使用 expand-row-keys 或者 toggleRowExpansion API展开,但是发现这些API并不会触发 load 函数。
解:开始自动获取第一行数据的子数据,并设置进第一行数据的 children 里,再使用 toggleRowExpansion API展开第一行。

新问题:点击折叠会再次触发 load 函数
解:展开过一次的行,后面再折叠与展开不会再触发 load,说明触发 load 是有触发机制的,借助了一下混元,找到了这个控制变量 tableRef.value.store.states.treeData.value[].loaded,尝试改了它 loaded: true

tableRef.value.store.states.lazyTreeNodeMap.value[firstRow.yourRowKey
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值