vue-treeselect怎么设置多选
时间: 2023-11-30 16:40:36 浏览: 1369
vue3-treeselect:vue 3的树选择组件(下一个)
3星 · 编辑精心推荐
要设置vue-treeselect为多选,需要在组件中添加multiple属性,例如:
```html
<template>
<treeselect v-model="value" :multiple="true" :options="options"></treeselect>
</template>
```
其中,multiple属性设置为true表示开启多选功能。同时,需要在data中定义value和options两个变量,分别用于存储选中的值和选项列表。具体代码如下:
```html
<template>
<treeselect v-model="value" :multiple="true" :options="options"></treeselect>
</template>
<script>
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
components: {
Treeselect
},
data() {
return {
value: [],
options: [
{ id: 1, label: 'Option 1' },
{ id: 2, label: 'Option 2' },
{ id: 3, label: 'Option 3' }
]
}
}
}
</script>
```
这样就可以实现vue-treeselect的多选功能了。
阅读全文