vue el-select label显示多个值，选择后只显示其中一个

在Vue.js中，`el-select`组件是Element UI库中的下拉选择框，如果你想在用户选择多项后仅显示其中的一项作为标签，通常做法是在`v-model`绑定的对象上设置一个默认值，当用户选择多个选项时，这个默认值会更新为最后一次的选择。

例如，假设你有一个数组`options`表示所有可选值，你可以这样设计：

<template>
  <el-select v-model="selectedOption" placeholder="请选择">
    <el-option
      v-for="(option, index) in options"
      :key="index"
      :label="option.displayLabel || option.label"
      :value="option.value">
    </el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { value: 'option1', displayLabel: '展示项1' },
        { value: 'option2', displayLabel: '展示项2' },
        // 更多选项...
      ],
      selectedOption: this.options[0].value, // 初始默认值
    };
  }
};
</script>

在这个例子中，`selectedOption`将保持最后一个选择的值，而`label`属性则用于渲染显示的内容，通常是`displayLabel`字段（如果有），如果没有就显示`label`字段。