快速使用

NPM

使用npm进行安装（npm提供最新的版本）

npm install el-tree-dynamic --save

在mian.js里面进行引用和配置

import 'el-tree-dynamic'
import 'el-tree-dynamic/dist/el-tree-dynamic.css'

在.vue页面种使用

<tree-dynamic></tree-dynamic> 来使用组件

treeData可参照element ui tree

let data=[
      {
        id: 1,
        label: "你好",
        children: [
          {
            id: 3,
            label: "世界",
          },
          {
            id: 2,
            label: "HELLO",
            children: [
              {
                id: 6,
                label: "WORLD",
              },
            ],
          },
        ],
      },
    ],

Attributes

参数	说明	类型	默认值
treeData	组件tree数据参数	array	[]
isAddAndDel	是否显示tree添加和删除按钮	Boolean	false
isDisplaySearch	是否显示tree搜索功能	Boolean	false
title	展示tree上面标题名称	String	''

Events

参数	说明	参数
nodeClick	单击节点触发的方法	(data)返回当前点击的节点
append	单击新增触发的方法	(data, parentNode) 接收两个参数，1. 要追加的子节点的 data 2. 子节点的 parent 的 data、key 或者 node
remove	单击删除触发的方法	(data) 要删除的节点的 data 或者 node
search	单击搜索触发的方法	(search)返回文本框搜索的内容