el-select 多选默认值不展示
时间: 2023-10-02 18:11:23 浏览: 81
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
你可以在 el-select 标签上加上 `multiple` 属性,使其变为多选模式。然后在 `v-model` 绑定的变量中设置默认值即可。如果默认值不展示,可能是因为默认值不在选项列表中,你需要确保默认值在选项列表中。以下是一个例子:
```html
<template>
<div>
<el-select v-model="selectedOptions" multiple>
<el-option
v-for="option in options"
:key="option.value"
:label="option.label"
:value="option.value"
/>
</el-select>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' },
],
selectedOptions: ['option1', 'option2'], // 设置默认值
};
},
};
</script>
```
阅读全文