• 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=" 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;
    你是什么样的人,便会遇到什么样的人;你想遇到什么样的人,就得先让自己成为那样的人。
  • 相关阅读:
    洛谷 P1578 奶牛浴场 题解
    LOJ167 康托展开 题解
    三校联训 【NOIP模拟】寻找
    洛谷 P1809 过河问题 题解
    有关多边形面积的总结
    LOJ 103 字串查找 题解
    洛谷 P2384 最短路 题解
    POJ 2492 A Bug's Life 题解
    LOJ 10214 计算器 题解
    洛谷 P2868 [USACO07DEC]观光奶牛Sightseeing Cows 题解
  • 原文地址:https://www.cnblogs.com/angel648/p/15213463.html
Copyright © 2020-2023  润新知