vue多选el-select下拉框在获取到下拉框中数据的id的时候显示其lable

你可以使用element-ui中的el-select组件的multiple属性实现多选功能，同时在el-select中使用el-option组件来渲染下拉选项。在el-option组件中，可以使用label属性来设置选项的显示文本，value属性来设置选项的值。在使用多选功能时，可以使用v-model来绑定选中的值，这里的值是选项的value值，如果需要显示选项的label文本，可以在选项被选中时，通过遍历选中的值，找到对应的选项，获取其label文本，进行显示即可。以下是示例代码：

<template>
  <el-select v-model="selected" multiple>
    <el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { id: 1, label: '选项1' },
        { id: 2, label: '选项2' },
        { id: 3, label: '选项3' },
        { id: 4, label: '选项4' }
      ],
      selected: []
    }
  },
  watch: {
    selected(val) {
      console.log(val);
      let selectedLabels = [];
      val.forEach((item) => {
        let option = this.options.find((option) => {
          return option.id === item;
        });
        if (option) {
          selectedLabels.push(option.label);
        }
      });
      console.log(selectedLabels);
      // 进行显示操作
    }
  }
}
</script>