插件名称 | he-tree-vue |
---|---|
版本号 | v2.0.10 |
发布时间 | 2020年4月10日 |
插件作者 | phphe |
he-tree-vue是一个Vue.js组件,用于呈现嵌套树视图,该视图允许您通过拖放来求助节点。
# NPM
$ npm install he-tree-vue --save
1.安装并导入。
import {
Tree, // Base tree
Fold, Check, Draggable, // plugins
cloneTreeData, walkTreeData, getPureTreeData, // utils
} from 'he-tree-vue'
import 'he-tree-vue/dist/he-tree-vue.css'
2.在模板中创建树组件。
<template>
<Tree :value="treeData"></Tree>
</template>
3.注册组件。
export default {
components: {Tree},
data() {
return {
treeData: yourdATA
}
},
}
4.为嵌套树准备层次结构数据。
[
{text: 'node 1'},
{text: 'node 2', children: [
{text: 'node 2-1'},
{text: 'node 2-2'},
{text: 'node 2-3'}
]}
]
v2.0.10(04/17/2021)
v2.0.9(20/12/2021)
v2.0.8(03/30/2021)
v2.0.7(2020年12月13日)
v2.0.5(11/26/2020)
v2.0.4(2020年8月29日)
v2.0.3(08/08/2020)