vue+elementUI 前端 select选择框同时传两个值给后端
介绍:form表单中有一个select选择框,下拉框显示人员名称,选中之后显示在框里要求:今天后端小哥哥要求选中之后,form表单提交时,select选择框同时传递两个值,即选中的人员姓名以及人员id。实现:<el-form-item label="居住情况:" prop="liveTypeName"><el-selectv-model="ruleForm.liveTypeNam
·
介绍:
form表单中有一个select选择框,下拉框显示居住名称,选中之后显示在框里
要求:
今天后端小哥哥要求选中之后,form表单提交时,select选择框同时传递两个值,即选中的名称以及人员type。
实现:
<el-form-item label="居住情况:" prop="liveTypeName">
<el-select
v-model="ruleForm.liveTypeName"
placeholder="请选择"
@change="adminSelect2($event)"
>
<el-option
v-for="item in situationType"
:key="item.liveType"
:label="item.liveTypeName"
:value="{
liveTypeName: item.liveTypeName,
liveType: item.liveType,
}"
/>
</el-select>
</el-form-item>
//传居住情况和居住情况名称
adminSelect2(event) {
this.ruleForm.liveType = event.liveType;
this.ruleForm.liveTypeName = event.liveTypeName;
},
//数据
[
{
"id": 1,
"liveType": 1,
"liveTypeName": "独自居住",
"description": "独自居住",
"cover": "0"
},
{
"id": 2,
"liveType": 2,
"liveTypeName": "与配偶居住",
"description": "与配偶居住",
"cover": "0"
},
{
"id": 3,
"liveType": 3,
"liveTypeName": "与子女合住",
"description": "与子女合住",
"cover": "0"
},
]
更多推荐
已为社区贡献1条内容
所有评论(0)