element的select多选回显

### 回答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="mySelect" multiple>
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
  </el-option>
</el-select>

然后，在选择完成后，通过ref获取组件实例，再使用getSelected方法获取用户已选择的选项，最后通过遍历选项并显示label值进行回显。

this.$refs.mySelect.getSelected().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，我们可以启用多选功能并存储选中的选项值，在页面上通过动态生成标签的方式回显选中的选项。