vue 需要<el-select 选中对象中的两个属性如何做 并且还要显示其中选中的一个属性

在Vue.js中，如果你想从`el-select`组件中获取选定的两个属性并展示其中一个，可以这样做：

首先，确保你的`el-select`绑定的数据是一个数组，包含对象，并且每个对象都有你需要的两个属性。例如：

<template>
  <el-select v-model="selectedItem" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item"
    ></el-option>
  </el-select>
  <p>展示的属性: {{ selectedItem.displayAttribute }}</p>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: {}, // 初始化为空的对象
      options: [
        { value: 'option1', label: '选项A', displayAttribute: 'displayA' },
        { value: 'option2', label: '选项B', displayAttribute: 'displayB' },
        // 更多选项...
      ],
    };
  },
  computed: {
    // 使用计算属性来获取选定对象的某个属性
    selectedDisplayAttribute() {
      return this.selectedItem[this.displayAttribute];
    }
  },
};
</script>

在这个例子中，`v-model`绑定了当前选择的项，`options`数组存储了所有选项及其对应的属性。`selectedDisplayAttribute`这个计算属性会返回`selectedItem`对象中`displayAttribute`字段的值。

然后，在模板里，你可以通过`{{ selectedDisplayAttribute }}`来显示所选对象的`displayAttribute`属性。