zoukankan      html  css  js  c++  java
  • 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;
    你是什么样的人,便会遇到什么样的人;你想遇到什么样的人,就得先让自己成为那样的人。
  • 相关阅读:
    ConcurrentHashMap源码分析
    HashMap源码与相关面试题
    字符串学习笔记(三)---- StringBuilder
    字符串学习笔记(二)---- StringBuffer
    Vue一些基本操作技巧
    PHP代码及命名规范
    Js返回顶部的方法
    linux下镜像网站的几种方法
    单例模式示例
    工厂模式和IOC练习
  • 原文地址:https://www.cnblogs.com/angel648/p/15213463.html
Copyright © 2011-2022 走看看