element el-select 下拉選中獲取整個對象(多個傳參)

element中的el-select如何獲取選中的整個對象

注意下面代碼幾項

• value-key=“id”
• :key=“item.id”
• :value=“item”

  <el-select v-model="selectionArr" value-key="id" multiple placeholder="請選擇" style="width: 100%" @change="selectChange($event)">
    <el-option
      v-for="item in options"
      :key="item.id"
      :label="item.name"
      :value="item">
    </el-option>
  </el-select>
  
  
  selectChange(event) {
      // event 就是已選中的對象數組 , 這里是多選multiple，所以是數組
      // 與 selectionArr 是相同的
  }

  
  原文鏈接：https://blog.csdn.net/aa390481978/article/details/111317356

 

已解決:

 

  <el-table-column label="庫位">
    <template slot-scope="scope">
      <el-form-item :prop="'selectData.' + scope.$index + '.sto_bin_number'" :rules="infoForm.rules.sto_bin_number">
  <el-select v-model="scope.row.sto_bin_number"  @change="changeId($event)" value-key="sto_bin_id"
 placeholder="請選擇"> <el-option v-for="item in storageBinList" 
  :key="item.sto_bin_id" 
 :label="item.sto_bin_number" 
 :value="item"> 
 </el-option> </el-select>
       </el-form-item>
    </template>
  </el-table-column>

     changeId(event) {

　　　 console.log(event);

      let stoBinId = event.sto_bin_id;

      let stoBinNumber = event.sto_bin_number;