基于vue+elementUI基础写的横向树形组件

Posted xiaoxiaossrs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于vue+elementUI基础写的横向树形组件相关的知识,希望对你有一定的参考价值。

写组件的来由:当初本来可以用elementUI的树形结构组件,产品却是横向的。

技术分享图片

在这里感谢作者jiaxincui,参照他的组件,自己模仿了一个递归组件。作者组件地址:https://github.com/jiaxincui/vue-tree

本组件基于 vue+elementUI ,主要使用了组件的checkbox

Demo图

项目演示地址:https://summer-lin.github.io/vue-tree/#/

技术分享图片

数据结构和代码参考地址github:

https://github.com/Summer-Lin/vue-tree/tree/vue-tree-demo

 

 

以上是关于基于vue+elementUI基础写的横向树形组件的主要内容,如果未能解决你的问题,请参考以下文章

基于Vue的ElementUI项目实现父子组件信息传递

elementui的组件中无法加$t

ElementUI制作树形表组件

Element-UI的组件改造的树形选择器(树形下拉框)

树形控件如何隐藏vue

elementui 后台管理系统遇到的问题(二) 树形控件 el-tree