1、需要实现的效果（点击查看后获取对应的value和label用于传到后端接口）

2、首先，在.vue中渲染一个el-select加一个button,(至于options的渲染就不放在这了，就一个简简单单官网的list，和官网没有任何改变)

<template>
  <div class="root">
    <el-select ref="optionRef" v-model="value" placeholder="请选择">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </el-option>
    </el-select>
    <el-button @click="showoptions" type="primary">查看</el-button>
  </div>
</template>

3、具体UI渲染出来后，就可以为el-button写一个click函数，用于取el-select的值（！！！这个是借助ref，所以在上文的vue组件中一定要为el-select绑定一个ref，才能在下面的函数中获取对应的值）

showoptions() {
       console.log(
              this.$refs.optionRef.selected.value,
              this.$refs.optionRef.selected.label
       );
}

4、最后就可以直接看运行效果啦！

点击查看