多个el-select value怎么处理
时间: 2023-10-13 10:13:41 浏览: 92
el-select数据过多懒加载的解决(loadmore)
如果你的 `el-select` 组件需要支持多选,那么你需要将 `v-model` 绑定到一个数组上,这个数组中存放选择的多个值。
例如,如果你的 `el-select` 组件中有三个选项,分别是 "apple"、"banana" 和 "orange",那么你可以这样处理多个 `el-select` 组件的值:
```html
<template>
<div>
<el-select v-model="selectedFruits" multiple>
<el-option label="apple" value="apple"></el-option>
<el-option label="banana" value="banana"></el-option>
<el-option label="orange" value="orange"></el-option>
</el-select>
<el-select v-model="selectedColors" multiple>
<el-option label="red" value="red"></el-option>
<el-option label="green" value="green"></el-option>
<el-option label="blue" value="blue"></el-option>
</el-select>
</div>
</template>
<script>
export default {
data() {
return {
selectedFruits: [],
selectedColors: []
};
}
};
</script>
```
这样,`selectedFruits` 和 `selectedColors` 就是存放选择的多个值的数组了。你也可以在 `el-select` 组件上添加 `clearable` 属性,以便清空已选择的选项。
阅读全文