vue tree demo 数组件

vue-tree-demo

一个vue 递归组件时间的 树demo

简单介绍

各大UI组件库 基本都有自己tree组件,但是我们的需求可能更复杂,对于直接使用组件
可能要阅读大量的api进行设置,个人认为不是一个好的办法,因为这个组件通常需要深度定制
更好的办法,应该是有一个最基本不带有任何ui的自定义组件
这样可以更好的跟各种ui框架融合,并且可以自己深度定制,比如增加时间,增加按钮等操作。

实现思路

就是vue的 组件递归思路,一共两个文件 treeMenus 组件递归自身,然后重新格式化数据,设置组件的层级,level,
通过level来实现层级的偏移量,达到树形的效果,然后就根据自身的需求,增加icon 增加响应事件,根据自己需要定制开发。

image.png

项目地址: https://github.com/lizhongyi/vue-tree-demo

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    流觞小菜鸟阅读 5,859评论 2 8
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    小姜先森o0O阅读 13,331评论 0 72
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    王喂马_阅读 11,539评论 1 77
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,898评论 0 1
  • 在我们眼里,一个自信的女人,自信只是她的外表。因为自信有底气,掩盖了她人性的弱点,在她身上看不出普通人身上的破绽,...
    洛伊小七阅读 4,229评论 0 0

友情链接更多精彩内容