element-ui的el-lect下拉框获取值
<el-form ref="form" :model="form" >
<el-form-item label="名字">
<el-lect @change="lectGet" v-model="ion" placeholder="请选择名字">
<el-option
大日如来菩萨v-for="item in lectList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>江浙旅游
</el-lect>炒大肠的做法
</el-form-item>
</el-form>
data⾥⾯：
data() {
return {
lectList:[
爱唯美{id:0,name:'张三'},
{id:1,name:'⾥三'},
{id:2,name:'李四'}
],
form: {
不要用英语怎么说
region: ""
}
};
},
lectGet(vId){
爱出汗是什么原因
let obj = {};
obj = this.lectList.find((item)=>{//这⾥的lectList就是上⾯遍历的数据源
return item.id === vId;//筛选出匹配数据
});
console.log(obj.name);//我这边的name就是对应label的
console.log(obj.id);
九曲棹歌
黑枸杞副作用}
