vue-treeselect用发起
时间: 2023-07-12 11:43:49 浏览: 110
要使用 vue-treeselect,需要先安装该组件。可以通过 npm 或 yarn 安装:
```
npm install vue-treeselect --save
```
或
```
yarn add vue-treeselect
```
安装完成后,在需要使用该组件的 Vue 组件中引入:
```
import VueTreeselect from 'vue-treeselect'
import 'vue-treeselect/dist/vue-treeselect.css'
```
然后在组件中使用 VueTreeselect,例如:
```
<template>
<div>
<vue-treeselect
:options="options"
v-model="value"
/>
</div>
</template>
<script>
import VueTreeselect from 'vue-treeselect'
import 'vue-treeselect/dist/vue-treeselect.css'
export default {
components: {
VueTreeselect
},
data () {
return {
value: null,
options: [
{ id: 1, label: 'Option 1' },
{ id: 2, label: 'Option 2' },
{ id: 3, label: 'Option 3' }
]
}
}
}
</script>
```
以上代码演示了如何在 Vue 组件中使用 vue-treeselect,其中 options 指定了下拉列表的选项列表,v-model 指定了选中的值,可以绑定到组件的 data 中。
阅读全文