通过vue3+element-plus实现el-table的子列表懒加载?-灵析社区

应该是最帅的鹅

![图片.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/1d22ffdd1be09d3b24162ba01fd41f9d.png) 请问各位大佬们 如何通过vue3+element-plus实现el-table的子列表懒加载???该如何实现点击左侧的箭头实现子节点的懒加载?不然数据多的情况下 会导致卡顿。求指教,谢谢!!! L1 L2 L5 GPS GLONASS GALILEO BDS QZSS NAVIC {{ row.sat_used === true ? '是' : '否' }} let tableData = ref([]) let dataList = ref([]) async function TrackTableList() { const DeviceCountsList = await api.Device() const { data: res } = DeviceCountsList const formattedData = { time: DeviceCountsTime(res.time), sat_count: res.sat_count, children: res.sat_info, }; if (tableData.value.length > 0) { // 更新当前行数据 tableData.value.splice(0, 1, formattedData); } else { // 第一次调用接口时,添加数据到tableData tableData.value.push(formattedData); } dataList.value = res.sat_info; } 这是后台返回的数据格式:![图片.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/6797d123185cc46a6a4c438e86228d15.png)

阅读量:143

点赞量:0

问AI
云卿山手
"recording.gif" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/83292cc71e84d03af244372d50e22c78.png) 观察了下文档里示例的行为 不展开的时候这个元素都不渲染,数据多了也不会卡吧。除非所有行都被展开