1. 程式人生 > 其它 >element el-select 下拉選中獲取整個物件(多個傳參)

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); letstoBinId=event.sto_bin_id; letstoBinNumber=event.sto_bin_number; 你是什麼樣的人,便會遇到什麼樣的人;你想遇到什麼樣的人,就得先讓自己成為那樣的人。