vue treeselect 树状下拉框
时间: 2023-10-29 12:06:27 浏览: 118
Vue Treeselect 是一个基于 Vue.js 的树状下拉框组件,它提供了多选、异步加载数据、搜索、自定义节点模板等功能。
安装:
```
npm install vue-treeselect
```
使用:
```vue
<template>
<treeselect v-model="value" :options="options" />
</template>
<script>
import Treeselect from 'vue-treeselect'
export default {
components: { Treeselect },
data() {
return {
value: null,
options: [
{
id: 1,
label: 'Parent 1',
children: [
{ id: 2, label: 'Child 1' },
{ id: 3, label: 'Child 2' }
]
},
{
id: 4,
label: 'Parent 2',
children: [
{ id: 5, label: 'Child 3' },
{ id: 6, label: 'Child 4' }
]
}
]
}
}
}
</script>
```
更多使用方法和配置请参考官方文档:https://vue-treeselect.js.org/
阅读全文