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