vue-treeselect 显示select
时间: 2023-11-30 17:38:45 浏览: 73
vue实现select下拉显示隐藏功能
5星 · 资源好评率100%
要在 vue-treeselect 中显示 select,需要在组件中设置 `:multiple="false"`,即单选模式。同时,还需要设置 `:clearable="false"`,禁止清空选项。最后,将 `value` 绑定到一个变量上,即可实现 select 的显示。
示例代码如下:
```html
<template>
<div>
<treeselect v-model="selected" :multiple="false" :clearable="false" :options="options" />
</div>
</template>
<script>
import Treeselect from '@riophae/vue-treeselect'
export default {
components: {
Treeselect
},
data() {
return {
selected: null,
options: [
{
id: 1,
label: 'Option 1'
},
{
id: 2,
label: 'Option 2'
},
{
id: 3,
label: 'Option 3'
}
]
}
}
}
</script>
```
阅读全文