1. 程式人生 > >Element ui select同時獲取value和label的值

Element ui select同時獲取value和label的值

篩選 pos col 遍歷 obj pre 業務員 store dbm

代碼如下:

<el-form-item v-if="isMD" label="業務員名稱">
              <el-select v-model="addBM.storeManagerName" @change="selectGet" filterable style="display:block;" placeholder="請選擇門店業務員名稱">
                <el-option
                  v-for="item in userList"
                  :key="item.id"
:label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item>

//下拉框選中事件
    selectGet(vId){//這個vId也就是value值
      console.log(ha);
      let obj = {};
      obj = this.userList.find((item)=>{//
這裏的userList就是上面遍歷的數據源 return item.id === vId;//篩選出匹配數據 }); console.log(obj.name);//我這邊的name就是對應label的 }

Element ui select同時獲取value和label的值