iview下拉框怎么让选中的组名也显示在框里头
时间: 2023-05-11 13:04:52 浏览: 228
完美解决iview 的select下拉框选项错位的问题
您可以使用iview的Select组件,设置show-all选项为true,这样选中的组名就会显示在下拉框里头。以下是示例代码:
<template>
<Select v-model="selected" show-all>
<Option v-for="item in options" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
</template>
<script>
export default {
data() {
return {
selected: '',
options: [
{ value: '1', label: '组名1' },
{ value: '2', label: '组名2' },
{ value: '3', label: '组名3' }
]
}
}
}
</script>
阅读全文