antdesignvue select 设置选项
时间: 2023-10-10 22:05:27 浏览: 164
select选择器.vue
Ant Design Vue 的 Select 组件可以通过 `options` 属性设置选项,该属性接受一个数组,数组中的每个元素都是一个对象,包含 `value` 和 `label` 两个属性,分别表示选项的值和显示文本。
以下是一个示例:
```html
<template>
<a-select v-model="selectedOption" :options="options" />
</template>
<script>
export default {
data() {
return {
selectedOption: '',
options: [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' },
]
}
}
}
</script>
```
在上面的示例中,我们通过 `options` 属性设置了三个选项,用户选择的选项会通过 `v-model` 绑定到 `selectedOption` 变量中。
阅读全文