需求: 公司提交介面需要提供name和id, 平時那種可以很容易獲取到id, 平時通過遍歷才能取到name.

解決: 以下是偶然看到的,但是使用注意id需要重新賦值,

html

　　　　　　// 這個裡面的value-key="id"的屬性值 比如value-key="unit_id"
　　　　　　
<el-select v-model="form1.unit_id"

            :disabled="inputDisable"
            filterable
            class="w260"
            placeholder="請選擇"
            value-key
 
="id"
            @change="handleSelectChange">
            <el-option
              v-for="item in optionsType"
              :key="item.id"
              :label="item.name"
              :value="item">
              <span style="float: left">{{ item.name }}</span>
              <
 
span style="float: right; color: #8492a6; font-size: 13px">
　　　　　　　　　　{{item.unit_id}}
　　　　　　　　　</span>
            </el-option>
          </el-select>

js

// 彈框1 下拉框 取name
    handleSelectChange(row, b) {
      console.log(row, b, "選中值");
// 注意 id 也需要重新賦值

this.form1.id= row.unit_id;
this.form1.name= row.name;

},