element ui 树结构
2022-05-26 本文已影响0人
小白白呐
这是一个封装好的树结构
接下来是子组件写法:
其中,构建树的数据如下:
控制台输出的所勾选的数据,获取的内容
通过key 勾选已存在的选项的内容
父组件写法,treeData在data里边声明
d到这里就完成了,其实很简单,知道树怎么进行渲染就可以,主要还是逻辑要清楚,还有就是要把树组件想要的数据结构组装好,也就是element ui中例子里边的children等那些数据结构
x显示效果如下:
这是一个封装好的树结构
接下来是子组件写法:
其中,构建树的数据如下:
控制台输出的所勾选的数据,获取的内容
通过key 勾选已存在的选项的内容
父组件写法,treeData在data里边声明
d到这里就完成了,其实很简单,知道树怎么进行渲染就可以,主要还是逻辑要清楚,还有就是要把树组件想要的数据结构组装好,也就是element ui中例子里边的children等那些数据结构
x显示效果如下: