el-select设置multiple属性即可启用多选，此时v-model的值为当前选中值所组成的数组。默认情况下选中值会以 Tag 的形式展现，你也可以设置collapse-tags属性将它们合并为一段文字。这段文字怎么样才可以全部显示出来

要让多选组件（el-select）中的所有选中值以完整的文字形式显示出来，可以使用两种方法。

方法一：设置collapse-tags属性为false
在el-select标签中添加collapse-tags属性，并将其值设置为false。这将禁用标签的合并功能，使所有选中值都以单独的标签形式显示出来。

例如：

<el-select v-model="selectedValues" multiple collapse-tags="false">
  <!-- 选项列表 -->
</el-select>

方法二：自定义标签模板
在el-select标签中使用template slot自定义标签模板，并使用v-for循环遍历选中的值，将每个值以标签的形式展示出来。

例如：

<el-select v-model="selectedValues" multiple>
  <template slot="tags">
    <el-tag v-for="value in selectedValues" :key="value">{{ value }}</el-tag>
  </template>
  <!-- 选项列表 -->
</el-select>

上述两种方法中，selectedValues是绑定到v-model的数据，它是一个数组，包含当前选中的值。根据选择的方法，你可以选择其中一种方式来显示所有选中值的完整文字形式。

相关问题

怎么在el-select设置multiple 属性支持多选呢

您可以在el-select中添加multiple属性来启用多选功能。例如：

<el-select v-model="selectedItems" multiple>
  <el-option v-for="item in items" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

在上面的代码中，您可以看到`<el-select>`有一个名为`multiple`的属性，这使得用户可以选择多个选项。 当用户选择选项后，选定的值将存储在`selectedItems`数组中。

el-select多选如何隐藏第一个值的关闭符号

可以使用 `v-model` 和 `filterable` 属性来实现。

首先，将 `v-model` 绑定到一个数组上，用于存储选中的值。然后，将 `filterable` 属性设置为 `true`，以启用搜索过滤功能。

最后，在 `el-select` 的 `slot` 中添加一个 `template`，在其中判断当前选中的值是否为数组的第一个元素，如果是，则不显示关闭符号。

示例代码：

<el-select v-model="selectedValues" multiple filterable>
  <template slot="prefix">
    <template v-if="selectedValues.length > 0">
      <i v-if="selectedValues[0] !== options[0]" class="el-tag__close el-icon-close"></i>
    </template>
  </template>
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>

其中，`selectedValues` 是绑定的数组，`options` 是可选的选项列表。在 `slot` 中，使用 `v-if` 条件判断，如果选中的值不是数组的第一个元素，则显示关闭符号。