el-select多选v-model是字符串
时间: 2024-09-29 17:04:48 浏览: 37
element-ui中的select下拉列表设置默认值方法
`el-select` 是 Element UI 中的一个下拉选择组件,它支持多选模式。当你将 `v-model` 绑定值设置为字符串,并用于多选时,它会把用户选择的选项作为逗号分隔的字符串存储。例如:
```html
<el-select v-model="selectedOptionsStr" multiple>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<script>
data() {
return {
selectedOptionsStr: '', // 初始时为空字符串
options: [
{ value: 'Option1', label: 'Option 1' },
{ value: 'Option2', label: 'Option 2' },
{ value: 'Option3', label: 'Option 3' }
]
};
}
</script>
```
当用户从下拉框中选择了多个选项,`selectedOptionsStr` 的值就会变成类似于 "Option1, Option2, Option3" 的形式。
阅读全文