element el-select 下拉选中获取整个对象(多个传参)

时间:2021-09-01
本文章向大家介绍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);
      let stoBinId = event.sto_bin_id;
      let stoBinNumber = event.sto_bin_number;
你是什么样的人,便会遇到什么样的人;你想遇到什么样的人,就得先让自己成为那样的人。

原文地址:https://www.cnblogs.com/angel648/p/15213463.html