AppTree
# 一、简介
AppTree 是基于 Ant Design Vue - <a-tree /> (opens new window)封装的树形组件。
# 二、效果
http://210.12.53.106:8888/outer/test/AppTree (opens new window)
# 三、代码示例
<template>
<app-tree ref="treeRef" :tree="tree" :height="height" />
</template>
<script>
export default {
data () {
return {
tree: {
isChecked: false,
openLevel: 0,
// lazyLoad: true,
// rightMenu: true,
upload: {
tableId: 'mock_tree',
valueId: 'id',
countfield: 'count'
},
rightMenu: [
{
text: '上传',
iconCls: 'upload',
modalOption: {
type: 'upload',
tableId: 'mock_tree',
valueId: 'id'
}
}
],
findUrl: '/mock/tree/list'
}
}
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35