话不多说直接上代码!
html:
<el-form-item label="申请人类型" prop="applicantType">
<el-select v-model="formData.applicantType" placeholder="请选择申请人类型" style="width:100% !important;" @change="applicantTypes">
<el-option v-for="item in applicantTypeList" :key="item.id" :label="item.label" :value="item.id">
</el-option>
</el-select>
</el-form-item>
首先给select添加一个@change事件
然后
js:
applicantTypes(value){
this.applicantTypeList.forEach(item => {
if(item.id===value){
console.log(item)
this.form.applicantTypes = item.label
}
})
},
记得要在data中定义
还有一种方式可以来获取,使用filter的方法来获取
this.applicantTypeList.filter((item) => item.value == this.formData.applicantType)[0]["label"],
相比第一种,第二种更加方便!