el-tree 如何自定义树形结构的增删操作例子？

Question

el-tree 每次只请求到一级的数据，
返回数据为

[
{
    "id": 178,
    "name": "初一",
    "parent_id": 0,
    "type_id": 1008380,
    "seq": 1,
    "video_list": [],
    "has_child": 1
}
]

当has_child==1时有下级数据，显示小箭头，没有数据时不显示小箭头，如下图

---

当有数据时点击添加按钮，折叠状态展开，显示出input输入框，此时可以添加新节点，如下图
blur时添加成功，input再转为label显示

---

编辑时如下图

想找个类似的例子或者写法 求教

Answer 1

看你在用element-ui，就不给你推荐其它UI了。

去看了element-ui vue3的文档，el-tree组件应该已经满足你需求。

代码我就不贴了，文档连接：el-tree

Answer 2

https://s-test.belle.cn/zh-CN/component/tree.html#%E8%87%AA%E...