您现在的位置:首页 >> 前端 >> 内容

vue树形组件

时间:2017/1/10 11:07:35 点击:

  核心提示:vue-treevue 编写的树形菜单,小巧实用,支持vue1.0,vue2.0v1.0 功能:1.支持多级树目录2.支持高亮点击的节点3.支持展开点击节点4.支持点击收缩节点时收缩所有子目录5.支持...

vue-tree

vue 编写的树形菜单,小巧实用,支持vue1.0,vue2.0

v1.0 功能:

1.支持多级树目录

2.支持高亮点击的节点

3.支持展开点击节点

4.支持点击收缩节点时收缩所有子目录

5.支持自定义回调函数,点击节点时回调,参数为节点信息

用法:<launch-tree :list="list" :options="options"></launch-tree>

list = [
    {
        name: '一级目录', // 目录名字
        isOpen: true, // 是否初始展开目录
        hightLight: true, // 是否初始高亮
        className: undefined, // 添加自定义样式
        childs: [], // 二级目录
        ...{} // 其他用户额外参数
    }
]
options = {
    callback: undefined // 自定义点击事件,callback(node)
}

图示:

vue树形组件

Tags:VU UE E树 树形 
作者:网络 来源:Stephen