Blame view

components/thorui/tui-org-tree/tui-org-tree.vue 801 Bytes
46b6767c   刘淇   init 提交到库
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
36
37
38
39
40
41
42
43
44
45
  <template>
  	<view class="tui-org__tree">
  		<tui-org-node v-for="(item,index) in treeData" :key="index" :node="item" :fields="fields" :collapsible="collapsible"
  			@click="handleClick">
  		</tui-org-node>
  	</view>
  </template>
  
  <script>
  	//如果未开启easycom模式,请自行引入tui-org-node组件
  	export default {
  		name: "tui-org-tree",
  		emits: ['click'],
  		props: {
  			treeData: {
  				type: Array,
  				default () {
  					return []
  				}
  			},
  			//是否可折叠(收起展开)
  			collapsible: {
  				type: Boolean,
  				default: false
  			},
  			fields: {
  				type: Array,
  				default () {
  					return ['text', 'children']
  				}
  			}
  		},
  		methods: {
  			handleClick: function(e) {
  				this.$emit('click', e)
  			}
  		}
  	}
  </script>
  
  <style scoped>
  	.tui-org__tree {
  		width: 100%;
  	}
  </style>