/vs-tree

移动端PC端通用树组件，适用于企业组织通讯录

Primary LanguageJavaScript

vs-tree

一个基于 vue 的 通用tree组件，支持层级面包屑、虚拟滚动、懒加载、最大可选，复选框...

浏览器支持

Edge Chrome Firefox Opera Safari
Latest ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔

功能点

  • 基础树组件
  • 层级面包屑
  • 复选框
  • 异步加载数据/报错处理
  • 虚拟列表
  • 最大可选

基于el-tree新增扩展

简单易用同时满足pc和移动端的Tree结构需求： 详情见: 使用说明.

PC Tree

pc

面包屑

mobile

安装

依赖库：vue 2.5+

npm install vs-tree

或

yarn add vs-tree

使用

import VsTree from 'vs-tree';
import 'vs-tree/lib/style/index.css';

Vue.use(VsTree);
<vs-tree :data="data"></vs-tree>
export default {
  data() {
    return {
      data: [
        {label: 'demo1', children: [
          {label: 'demo11'}
        ]},
        {label: 'demo2'}
      ]
    };
  }
}

项目基于: el-tree; 虚拟列表: vue-virtual-scroll-list;