vue.js - el-tree 如何自定义树形结构的增删操作例子？
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显示
编辑时如下图
想找个类似的例子或者写法 求教
共有2个答案
https://s-test.belle.cn/zh-CN/component/tree.html#%E8%87%AA%E...
看你在用element-ui，就不给你推荐其它UI了。
去看了element-ui vue3的文档，el-tree组件应该已经满足你需求。
代码我就不贴了，文档连接：el-tree
-
本文向大家介绍Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作，包括了Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作的使用技巧和注意事项，需要的朋友参考一下 需求： vue-cli项目树形控件：一级节点为本地节点，默认展开一级节点，增删改后局部刷新数据。 增加节点，点击确定后局部刷新，渲染新数据。 源码 element组件样式 data数据
-
树形结构有两种表示方法：子表表示法（嵌套）和父指针表示法（扁平）。 Tree 将两者进行了整合，输出一个扁平的结构，一个节点既通过 pId（指向父节点的唯一标志）建立与父节点关系，又通过 children（数组，存储子节点的唯一标志）建立与子节点的关系。 一个树形结构，为了方便处理，通常需要具备以下特点： 一个扁平的数组结构很重要，在需要获取某个节点时，可以仅通过一次循环快速找到该节点。Tree
-
本文向大家介绍element-ui tree结构实现增删改自定义功能代码，包括了element-ui tree结构实现增删改自定义功能代码的使用技巧和注意事项，需要的朋友参考一下 首先是页面部分 下面是js部分 补充知识：vue前端基础之组件封装（树组件的封装附带增删改查方法） 组件封装的意义 组件封装的意义其实很好理解，对于一段复用性极高的代码，就需要进行组件封装以减少冗余代码。 树的封装 对于
-
TensorFlow GraphDef based models (typically created via the Python API) may be saved in one of following formats: TensorFlow SavedModel Frozen Model Session Bundle Tensorflow Hub module All of above f
-
树表示由边连接的节点。 我们将具体讨论二叉树或二叉搜索树。 二叉树是用于数据存储目的的特殊数据结构。 二叉树具有特殊条件，即每个节点最多可以有两个子节点。 二叉树具有有序数组和链表的优点，因为搜索与排序数组一样快，插入或删除操作与链表一样快。 重要条款 以下是关于树的重要术语。 Path - 路径是指沿树边缘的节点序列。 Root - 树顶部的节点称为root。 每个树只有一个根，从根节点到任何节
-
一般的 Java 项目中有一组 task 用于协同处理并最终生成一个输出。 classes task 用于编译 Java 源代码。 可以在 build.gradle 文件中使用 classes 访问 classes task 。classes 是 project.tasks.classes 的缩写。 相比之下在 Android 项目中这就有点复杂。因为 Android 项目中会有大量相同的 tas
-
我想知道是否可以删除自定义帖子类型的URL结构。例如，我有2个自定义帖子类型：投资组合和滑块。 我想保持像这样的投资组合帖子类型的URL结构：mysite.com/portfolio/item-1等。 但是我不希望滑动条帖子的URL结构，因为滑动条只会显示在主页上，我不希望访问者能够访问mysite.com/slider/slide-1。可能吗？ 提前感谢：） Wordpress论坛帖子：http
-
用清晰的层级结构展示信息，可展开或折叠。 基础用法 基础的树形结构展示。 demo <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree> <script> export default { data() { return { data: [{