0.0.1 • Published 2 years ago

wzk-component-tree v0.0.1

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

前端树形组件模板

通过配置快速展示树形控件,统一事件处理

在element-ui的基础上封装一层数据配置层,同时收集事件,统一处理事件,达到配置化的效果


使用说明

安装

  npm install @hatech/component-tree

初始化

  // main.js
import Vue from 'vue'
import HatechTree from '@hatech/component-tree'
Vue.use(HatechTree)
// or
// xxx.vue
import { HatechTree } from '@hatech/component-tree'
export default {
    components: {
        HatechTree
    }
}

使用示例

  <hatech-tree :config="config" :data="data"></hatech-tree>
  export default {
    data() {
        return {
            data: [
                ...
            ],
            config: {
                ...
            }
        }
    }
}

参数

参数名类型描述
dataObject数据源,树形数据源
configObject配置,所有配置同el-tree一致

插槽

-: 默认插槽,直接对应组件下,同el-tree一致

...

事件

onEvent: 事件统一处理,返回事件与el-tree一致

方法

方法名参数作用
getRef返回tree引用

主题变量

变量名值类型默认值说明

依赖

依赖名版本链接
hatech-web-component0.0.8http://git.hatech.com.cn:8088/hatech-web/hatech-web-template-component.git

作者/维护者

名称联系方式参与部分
吴浩wuhaowh@hatech.com.cn初始版本开发