如何在element-ui 中獲取select 的label值

今天就跟大家聊聊有關如何在element-ui 中獲取select 的label值，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

vue獲取值的方式：

<el-form-item label="庫位" prop="goodsLocationId" >
                <el-col :span="15">
                  <el-select v-model="scope.row.goodsLocationId" placeholder="貨位地址" @change="changeLocationValue">
                   <el-option v-for="lo in locations" :label="lo.locationName" :value="lo.id" :key="lo.id"></el-option>
                  </el-select>
                </el-col>
              </el-form-item>

js：

changeLocationValue(val){
      //locations是v-for里面的也是datas里面的值
      let obj = {};
      obj = this.locations.find((item)=>{
        return item.id === val;
      });
      this.wareHouseVO2.goodsLocationName = obj.locationName;
    },

這可以獲得相應的值減少其他數據庫的操作。

拓展知識：Element ui select同時獲取value和label的值的實例

如下所示：

<el-form-item v-if="isMD" label="業務員名稱">
       <el-select v-model="addBM.storeManagerName" @change="selectGet" filterable  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 的label值有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。