站内搜索:
首页 >> 前端 >> 内容
vue树形组件

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

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树形组件

  • 上一篇:【CSS】选择器
  • 下一篇:HBuild使用以及HTML的学习
  • 返回顶部