element-ui 关于获取select 的label值

在某些场景下,还是需要在获得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)