Vue2组件tree实现无限级树形菜单

网友投稿 437 2023-05-28


Vue2组件tree实现无限级树形菜单

一直打算偷懒使用个现成的树组件,但是在github上找了一大圈没有找到真正满足应用开发的树组件,所以没办法只能自己写了一个,开源出来希望可以帮助到需要的人,同时如果大家觉得好用,我可以顺带骗骗★(希望喜欢的朋友对我体力的肯定可以点下★ ),由于我也算刚接触vue,所以难免有所考虑不周的地方,希望大家在issue里面指正。组件重点是父子组件数据的共享和vLZLPdhhfP状态保持,我是利用了下vuex的思路,采用一个控制仓库完成。

github 地址 vue-tree

How to run demo

npm install

npm run dev

效果图

示例

属性

options: {

showCheckbox: true, //是否支持多选

search: {

useInitial: true, //是否支持首字母搜索

useEnglish: false, //是否是英文搜索

customFilter: null // 自定义节点过滤函数

}

/* http://节点元素 */

{

id: 1, //节点标志

label: '一级节点', //节点名称

open: true, // 是否打开节点

checked: false, //是否被选中

parentId: null, //父级节点Id

visible: true, //是否可见

searched: false, //是否是搜索值

children: [] //子节点

}

方法

事件


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:基于SSM框架之个人相册示例代码
下一篇:移动端利用H5实现压缩图片上传功能
相关文章

 发表评论

暂时没有评论,来抢沙发吧~