在某些場景下，還是需要在獲得label的值跟Value值的。

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 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 的label值方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。