element ui表单验证select既获取label又获取value

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Feast_aw/article/details/80847973

html部分
    <el-form-item label="所属公司" prop="comName">
        <el-select v-model="ruleForm.comName" placeholder="请选择所属公司" @change="selectGet">
	    <el-option  v-for="item in ruleForm.options2" :key="item.id" :value="item.id" :label="item.comName"></el-option>
       </el-select>

</el-form-item>

js部分
//获取selectlabel值
selectGet(vId){
    let obj = {};
    obj = this.ruleForm.options2.find((item)=>{//this.ruleForm
    return item.id === vId;//筛选出匹配数据
    });
    console.log(obj.comName);//我这边的name就是对应label的
},

在data return里边定义

ruleForm：{

    options:[],

}