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

 

代碼以下:this

<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的
    }
相關文章
相關標籤/搜索