el-tree 如何自定义树形结构的增删操作例子?-灵析社区

我想对你说

el-tree 每次只请求到一级的数据, 返回数据为 [ { "id": 178, "name": "初一", "parent_id": 0, "type_id": 1008380, "seq": 1, "video_list": [], "has_child": 1 } ] 当has_child==1时有下级数据,显示小箭头,没有数据时不显示小箭头,如下图 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/bfce11953c4936657a3e8681deadde42.png) * * * 当有数据时点击添加按钮,折叠状态展开,显示出input输入框,此时可以添加新节点,如下图 blur时添加成功,input再转为label显示 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/fa88f27c77062e939f845e6d15bba25d.png) * * * 编辑时如下图 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/94c93196ffd257d375680468a37a92ea.png) 想找个类似的例子或者写法 求教

阅读量:140

点赞量:0

问AI
型男不是我还是谁
看你在用element-ui,就不给你推荐其它UI了。 去看了element-ui vue3的文档,el-tree组件应该已经满足你需求。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240919/485268319bdc81926122ad74a902a7b0.png) 代码我就不贴了,文档连接:"el-tree" (https://link.segmentfault.com/?enc=gt3B45nEg5x%2Bl3Ivb3iYKw%3D%3D.T1pi%2F14ceJPMtdZHxIpW5ZGKbZj%2Boq57%2F6JLcG7xaencKDD2yem0IMkKs3PzJilq4cxOwYzJ4SI9hupINySQSQ%3D%3D)