cloud-ui.vusion
Version:
Vusion Cloud UI
14 lines (10 loc) • 820 B
Markdown
### 实例
``` html { width: 70% }
<u-tree-view-new ref="tree_view_new1"
:data-source="[ { 'data': { 'id': 1, 'deptname': '一级部门a', 'parentid': 0, 'name': '小明' } }, { 'data': { 'id': 2, 'deptname': '一级部门b', 'parentid': 11, 'name': 'xiaoming' } }, { 'data': { 'id': 99, 'deptname': '一级部门c', 'parentid': 0, 'name': 'xiaoming' } },{ 'data': { 'id': 3, 'deptname': '二级部门a', 'parentid': 1, 'name': '小明2' } }, { 'data': { 'id': 4, 'deptname': '三级部门a', 'parentid': 3, 'name': '小明3' } } ]"
text-field="data.deptname" value-field="data.id" parent-field="data.parentid">
<template #item="scope" ref="template1">
<u-text ref="text1" :text="scope && scope.item && scope.item.data && scope.item.data.deptname"></u-text>
</template>
</u-tree-view-new>
```