kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
59 lines (58 loc) • 1.33 kB
Markdown
<cn>
#### 基础用法
最简单的用法。
</cn>
```vue
<template>
<TreeSelect v-model="value" :tree-data="data" tree-show-line :treeExpandedKeys="expandedKeys" :width="300" filterable/>
</template>
<script>
export default{
data() {
return {
expandedKeys:['0-1','1-1','1-1-2','1-2'],
value:'',
data: [
{
title: 'tree 1',
key: '0-1',
children: [
{
title: 'tree 1-1',
key: '1-1',
disabled: true,
children: [
{ title: 'leaf 1-1-1', disabled: true },
{
title: 'leaf 1-1-2',
key: '1-1-2',
children: [
{ title: 'leaf 1-1-2-1' },
{ title: 'leaf 1-1-2-2' }
]
}
]
},
{
title: 'tree 1-2',
key: '1-2',
children: [
{ title: 'leaf 1-2-1' },
{ title: 'leaf 1-2-2' }
]
},
{
title: 'tree 1-3',
children: [
{ title: 'leaf 1-3-1' },
{ title: 'leaf 1-3-2' }
]
}
]
}
],
}
},
}
</script>
```