element-ui下拉框必选
时间: 2024-02-29 14:50:23 浏览: 82
在Element-UI中,下拉框(Select)的必选项可以通过设置prop属性`clearable`为false来实现。当`clearable`为false时,下拉框将不会显示清空按钮,从而确保用户必须选择一个选项。
以下是一个示例代码:
```html
<template>
<div>
<el-select v-model="selectedOption" :clearable="false">
<el-option
v-for="option in options"
:key="option.value"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</div>
</template>
<script>
export default {
data() {
return {
selectedOption: '',
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
]
};
}
};
</script>
```
在上述代码中,`clearable`属性被设置为false,这样用户就无法通过清空按钮将下拉框的值设为空。因此,用户必须选择一个选项。
阅读全文