这篇文章主要为大家详细介绍了Vue2组件tree实现无限级树形菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
一直打算偷懒使用个现成的树组件,但是在github上找了一大圈没有找到真正满足应用开发的树组件,所以没办法只能自己写了一个,开源出来希望可以帮助到需要的人,同时如果大家觉得好用,我可以顺带骗骗★(希望喜欢的朋友对我体力的肯定可以点下★ ),由于我也算刚接触vue,所以难免有所考虑不周的地方,希望大家在issue里面指正。组件重点是父子组件数据的共享和状态保持,我是利用了下vuex的思路,采用一个控制仓库完成。
github 地址 vue-tree
How to run demo
npm install npm run dev<mark>本文来源gaodaimacom搞#代%码@网-</mark>
效果图
示例
<div style="width:300px"> </div>
属性
options: { showCheckbox: true, //是否支持多选 search: { useInitial: true, //是否支持首字母搜索 useEnglish: false, //是否是英文搜索 customFilter: null // 自定义节点过滤函数 } /* 节点元素 */ { id: 1, //节点标志 label: '一级节点', //节点名称 open: true, // 是否打开节点 checked: false, //是否被选中 parentId: null, //父级节点Id visible: true, //是否可见 searched: false, //是否是搜索值 children: [] //子节点 }
方法
事件
以上就是Vue2组件tree实现无限级树形菜单的详细内容,更多请关注gaodaima搞代码网其它相关文章!