Vue element ui Select下拉框获取值
数据定义data() {return{projectlist: [],//Select 遍历集合itemId: 0}};下拉框定义//v-model="itemId" 绑定值到itemId上//定义事件getitemId下拉框改变获取信息<el-select placeholder="项目选择...
·
数据定义
data() {
return{
projectlist: [],//Select 遍历集合
itemId: 0
}
};
下拉框定义
//v-model="itemId" 绑定值到itemId上
//定义事件getitemId下拉框改变获取信息
<el-select placeholder="项目选择" v-model="itemId" @change="getitemId">
<el-option
v-for="project in projectlist"
:key="project.id"
:label="project.qname"
:value="project.id"
></el-option>
</el-select>
事件定义
method:{
getitemId(value){
}
}
获取值
method:{
getitemId(value){
let obj = {};//定义对象集合
obj = this.projectlist.find(project => {//projectlist 为Select遍历集合 project 为Select 遍历 对象
return project.id === value; //筛选出匹配数据 返回对象
});
console.log(obj.name); //name Select中 对象 label
console.log(obj.id);//id Select 中 对象 id
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)