element-ui的el-select下拉框獲取值
阿新 • • 發佈:2018-12-06
<el-form ref="form" :model="form" style="width:300px;margin:0 auto;"> <el-form-item label="名字"> <el-select @change="selectGet" v-model="form.region" placeholder="請選擇名字"> <el-option v-for="item in selectList" :key="item.id" :label="item.name" :value="item.id" ></el-option> </el-select> </el-form-item> </el-form>
data裡面:
data() {
return {
selectList:[
{id:0,name:'張三'},
{id:1,name:'裡三'},
{id:2,name:'李四'}
],
form: {
region: ""
}
};
},
selectGet(vId){ let obj = {}; obj = this.selectList.find((item)=>{//這裡的selectList就是上面遍歷的資料來源 return item.id === vId;//篩選出匹配資料 }); console.log(obj.name);//我這邊的name就是對應label的 console.log(obj.id); }