当前位置: 首页 > Web前端 > vue.js

vue+element中表格树结构的懒加载

时间:2023-03-31 22:21:14 vue.js

1.开发环境vue+element2。电脑系统windows10专业版3.在开发过程中,我们会遇到树状结构的表格,因为数据量很大,所以我们需要点击父元素将相应的id传给后台,再传给数据子元素组成一棵树。让我分享一下如何实现它。4、废话不多说,直接上效果图:5、第一次请求返回给后端的数据结构//isParent:是否有子节点6、需求://点击父节点,传pid将父节点的数据传给后端,后端返回子节点的数据7.实现方式是通过元素表的懒加载来解决的。代码如下:"{children:'children',hasChildren:'isParent'}"//键码row-key="id"lazy:load="load"//键码>111

{{$t("tablebtn.add")}}{{$t("tablebtn.edit")}}{{$t("tablebtn.delete")}}load(row,treeNode,resolve){console.log(row);特eetable({pid:row.id,storeId:this.account.storeId,}).then((res)=>{console.log("我是一个树结构的表界面");console.log(res);resolve(res.result);//使用懒加载的resolve方法});},8.本期分享到此结束,希望对你有所帮助,让我们一起努力,走向巅峰