在实际项目中经常用到tree视图,发现了几个vue的tree插件,但都不是太适合自己项目,花了一些心思写了一个插件,简单灵活,适合大部分项目。
Github 望不吝Star!
介绍
一个简单灵活的vue.js树形组件,可作为插件使用,也可直接作为component使用
使用时只需传入一个树形数据绑定。
组件还提供了增删改查事件,你可以很方便的在组件上监听。
不止这些,
可定制的增删改查事件
复选框显示可选
初始化展开层级
初始化勾选
可选的按钮图标
父节点半选状态支持
显示字段自定义
...
演示
安装
# install
npm install vue-simple-tree --sve-dev
数据格式
treeData
id必要属性,Number
name必要属性,String,可自定义,默认name,如options.itemName:'display_name'
children非必要,Array
treeData示例
{
"data": [{
"id": "1",
"name": "Root",
"children": [
{
"id": "2",
"name": "No