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

最新推荐文章于 2024-07-08 18:24:30 发布

Feast_aw

最新推荐文章于 2024-07-08 18:24:30 发布

阅读量8k

点赞数

分类专栏： vue学习

本文链接：https://blog.csdn.net/Feast_aw/article/details/80847973

版权

vue学习专栏收录该内容

25 篇文章 1 订阅

订阅专栏

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里边定义

data(){
    return{
        ruleForm:{
            options:[
                {id:1,comName:'BEIJING'},
                {id:2,comName:'TIANJIN'}
            ]
        }
    
    }
}