Element ui select 同时获取value和label的值


html

<el-form-item label="单位名称" prop="checkInUnitName">
    <el-select
        v-model="checkInUnitId"
        class="w440"
        @change="selectUnitName"
        placeholder="请选择你的单位名称" >
        <el-option
            :label="list.name"
            :value="list.id"
            v-for="list in unitList"
            :key="list.id">
            {{list.name}}
        </el-option>
    </el-select>
</el-form-item>

方法

selectUnitName(e){
  let obj = {}
  this.unitList.map((item) => { 
  //  this.unitList 是你 select option遍历的集合 e 是选中的id
    if(item.id === e) {
      obj = item
    }
  })
}

gg.gif


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM