1、為什么要獲取 Select(選擇器) 選中的 label 的 id 和 name 等屬性：

從后臺傳過來的數據，想讓它顯示在 Select 選擇器的欄中，并想動態(tài)獲取所選中的 label 值的 id 與 name 等屬性值，以備后用；

2、通過循環(huán)將數據顯示出來：

// 此時的顯示效果為：將 List 中的數據都展示在 Select(選擇器) 的下拉框中；

<template>
	// 此時的 v-model 的含義：綁定后臺獲取數據的第一個 id 值；
	// 目的：使得選擇器中填入的是從接口處獲得的第一條數據；
    <el-select class="top-select" v-model="formData.operator_id" size="mini" >
          <el-option
            v-for="(item,id) in List" :key="id"
            :label="item.name"
            :value="item.id"
          >
          </el-option>
        </el-select>
</template>
<script>
// 導入數據接口；
import {List} from "@/api/list";
export default {
	data() {
	  return {
	    formData:{
        operator_id: 126;
        // 此時默認設置的是：List 中獲去取的第一個數據的 id 值；
     	},
     	// 此時的 List 是指：從后臺獲得的數據數組；
	    List: [],
	  }
	 },
	 created(){
	 	//獲得數據接口的數據，并用 List 數組來保存該數據；
	    List().then(res => {
	    this.List = res.data;
	    });
	 },
	 methods: {
	 },
}
</script>
<style lang="scss" scoped>
</style>

3、添加單擊 lable 觸發(fā)事件，動態(tài)獲取 id、name 等屬性值：

// 此時就能在后臺獲得單擊下拉框選項的 id 及 name 等屬性值；

<template>
    <el-select class="top-select" v-model="formData.operator_id" size="mini" >
          <el-option
            v-for="(item,id) in List" :key="id"
            :label="item.name"
            :value="item.id"
            @click.native="handleChange(item)"
            // 此時表示單擊下拉框中數據，就能將單擊數據的相關的 id name 等值獲得；
          >
          </el-option>
        </el-select>
</template>
<script>
import {List} from "@/api/list";
export default {
	data() {
	  return {
	    formData:{
        operator_id: 126
     	},
	    List: [],
	  }
	 },
	 created(){
	    List().then(res => {
	    this.List = res.data;
	    });
	 },
	 methods: {
		 handleChange(val){
		 // 此時用 val 來作為形參來接受 handleChange(item) 方法傳來的 item 值；
		 // 然后在后臺就可以拿到點擊下拉框中數據的 id 與 name 等屬性值；
	      console.log(val.id);
	      console.log(val.name);
	    }
	 },
}
</script>
<style lang="scss" scoped>
</style>

4、小結：

其一、哪里有不對或不合適的地方，還請大佬們多多指點和交流！
其二、有興趣的話，可以多多關注這個專欄(Vue(Vue2+Vue3)面試必備專欄)：https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482