### 回答1：
在 HTML 中，可以使用 "multiple" 属性来实现 "
select" 元素的
多选回显。可以在 "
select" 标签中加入 "multiple" 属性来实现。例如：`<
select multiple>`。在选中多个选项时，可以使用 JavaScript 来获取已选中的选项。
### 回答2：
Element UI是一套基于
Vue.js 2.0的桌面端组件库，可帮助开发者快速构建出优美、易用的界面。其中
select组件提供了
多选功能，可以让用户一次性选择多个选项。在用户选择完成后，需要将已选择的选项
回显到页面上，方便用户查看和操作。
Element的
select多选回显主要有以下几种方式：
1. 使用v-model双向
绑定数据
首先，在
select组件标签上使用v-model指令进行双向
绑定，将选择的选项
绑定在一个数组中。例如：
```
<el-
select v-model="
selectedOptions" multiple>
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-
select>
```
其中，
selectedOptions就是
绑定的数组，options为需要选择的选项。
然后，在页面上需要
回显选中选项的地方，使用v-for指令遍历
selectedOptions数组，并输出每个选项的label值即可。
2. 使用ref属性获取组件实例
另外一种方式是在
select组件上使用ref属性获取组件实例。然后在选择完成后，通过组件实例的方法获取所选择的选项，并进行
回显。
例如：
```
<el-
select ref="my
Select" multiple>
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-
select>
```
然后，在选择完成后，通过ref获取组件实例，再使用get
Selected方法获取用户已选择的选项，最后通过遍历选项并显示label值进行
回显。
```
this.$refs.my
Select.get
Selected().forEach(option => {
console.log(option.label);
});
```
总结
以上就是
Element的
select多选回显的两种方式。使用v-model双向
绑定数据方式简单方便，而使用ref属性获取组件实例方式方法灵活，开发者可以根据实际需求进行选择。无论哪种方式，开发者都需要对所选中的选项进行遍历，将选项中的label值进行
回显。
### 回答3：
element的
select组件是一个常用的下拉框组件，用于选择单个选项。但有时候我们需要选择多个选项，并将选中的选项
回显到页面上，
element也提供了相应的解决方案。
首先，我们需要将
select组件的multiple属性设置为true，即可启用
多选功能。同时，我们也需要给
select组件
绑定一个v-model，用于存储选中的选项值。例如：
```
<el-
select v-model="
selectedOptions" multiple>
<el-option label="选项1" value="option1"></el-option>
<el-option label="选项2" value="option2"></el-option>
<el-option label="选项3" value="option3"></el-option>
</el-
select>
```
在数据中，我们需要定义
selectedOptions数组，用于存储选中的选项值。例如：
```
data() {
return {
selectedOptions: []
}
}
```
此时，我们已经可以在页面上选中多个选项，但还需要将选中的选项
回显到页面上。我们可以使用forEach遍历
selectedOptions数组，动态生成标签来显示选中的选项，例如：
```
<template>
<div>
<el-
select v-model="
selectedOptions" multiple>
<el-option label="选项1" value="option1"></el-option>
<el-option label="选项2" value="option2"></el-option>
<el-option label="选项3" value="option3"></el-option>
</el-
select>
<div>
<span v-for="(option, index) in
selectedOptions" :key="index">{{option}}</span>
</div>
</div>
</template>
<script>
export default {
data() {
return {
selectedOptions: []
}
}
}
</script>
```
以上就是
element的
select多选回显的实现方法。通过设置multiple属性和
绑定v-model，我们可以启用
多选功能并存储选中的选项值，在页面上通过动态生成标签的方式
回显选中的选项。
最低0.47元/天 解锁文章
2003
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
