Vue3+ElementUI使用el-select multiple 多选,怎么回显数据
时间: 2024-03-20 13:43:38 浏览: 152
Vue + Element-ui的下拉框el-select获取额外参数详解
要回显多选数据,需要在 `el-select` 上使用 `v-model` 绑定一个数组,数组中包含需要回显的数据。假设你的多选下拉框的 `options` 为 `['选项1', '选项2', '选项3']`,你需要回显的数据为 `['选项1', '选项3']`,可以这样写:
```html
<el-select v-model="selectedOptions" multiple>
<el-option
v-for="option in options"
:key="option"
:label="option"
:value="option">
</el-option>
</el-select>
```
```javascript
data() {
return {
options: ['选项1', '选项2', '选项3'],
selectedOptions: ['选项1', '选项3']
}
}
```
这样就可以回显多选下拉框的选项了。
阅读全文