el-table加载树形数据，并实现懒加载_vue3 el-table 树形数据懒加载

作者：weixin_40725706 | 2024-02-18 11:21:47

踩

vue3 el-table 树形数据懒加载

渲染树形数据时，有几点注意事项。

（1）必须要指定 row-key

（2）设置 Table 的 lazy 属性为 true 与加载函数 load

（3）通过指定 row 中的 hasChildren 字段来指定哪些行是包含子节点。children 与 hasChildren 都可以通过 tree-props 配置

以上信息信息可以在官方文档查阅到，具体看代码：

这里还未table设置了一个key，其目的就是刷新表格数据。在实际项目中，比如新增或编辑一条数据后，表格数据并没有进行刷新，即使重新加载也没有刷新，此时，为tableKey设置一个随机值，表格数据就会进行刷新。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/107556