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

猜你喜欢

转载自www.cnblogs.com/lieone/p/12325042.html