一直打算偷懒使用个现成的树组件,但是在github上找了一大圈没有找到真正满足应用开发的树组件,所以没办法只能自己写了一个,开源出来希望可以帮助到需要的人,同时如果大家觉得好用,我可以顺带骗骗★(希望喜欢的朋友对我体力的肯定可以点下★ ),由于我也算刚接触vue,所以难免有所考虑不周的地方,希望大家在issue里面指正。组件重点是父子组件数据的共享和状态保持,我是利用了下vuex的思路,采用一个控制仓库完成。
github 地址 nofollow" target="_blank" href="https://github.com/halower/vue2-tree">vue-tree
How to run demo
rush:xhtml;">
npm install
npm run dev
示例
rush:css;">
options: {
showCheck
Box: true,//是否
支持多选
search: {
useInitial: true,//是否
支持首字母
搜索
useEnglish: false,//是否是英文
搜索
customFilter: null //
自定义节点过滤
函数
}
/ 节点元素 /
{
id: 1,//节点标志
label: '一级节点',//节点名称
open: true,// 是否打开节点
checked: false,//是否被选中
parentId: null,//父级节点Id
visible: true,//是否可见
searched: false,//是否是搜索值
children: [] //子节点
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。