0.0.1 • Published 2 years ago
wzk-component-tree v0.0.1
前端树形组件模板
通过配置快速展示树形控件,统一事件处理
在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: {
...
}
}
}
}
参数
参数名 | 类型 | 描述 |
---|---|---|
data | Object | 数据源,树形数据源 |
config | Object | 配置,所有配置同el-tree一致 |
插槽
-
: 默认插槽,直接对应组件下,同el-tree一致
...
事件
onEvent
: 事件统一处理,返回事件与el-tree一致
方法
方法名 | 参数 | 作用 |
---|---|---|
getRef | 无 | 返回tree引用 |
主题变量
变量名 | 值类型 | 默认值 | 说明 |
---|
依赖
依赖名 | 版本 | 链接 |
---|---|---|
hatech-web-component | 0.0.8 | http://git.hatech.com.cn:8088/hatech-web/hatech-web-template-component.git |
作者/维护者
名称 | 联系方式 | 参与部分 |
---|---|---|
吴浩 | wuhaowh@hatech.com.cn | 初始版本开发 |
0.0.1
2 years ago