简记一下关于Vue中el-select选择器的值绑定和表单传输

首先要分清楚:el-select中 v-model绑定的是将要在表单中提交的值;

el-select中如果有多个选择,

方案一列举,按照官网案例:

方案二v-for循环遍历:

场景如下:

待提交的表单中存在select选择器,选择的值要作为内容进行提交:

<el-form-item
  label-width="110px"> <el-select v-model="ParamsObj.depart" placeholder="归口部门选择"> <el-option v-for="(dict,index) in mgeDepartStatusOptions" :key="index" :label="dict.descValue" :value="dict.code"/> </el-select> </el-form-item>


mgeDepartStatusOptions:[
    { "code": "测试",     //选中绑定的 "descValue": "测试" //显示的值 }, { "code": "报表指标", "descValue": "报表指标" }, { "code": "收入分类", "descValue": "收入分类" },

]


ParamObj:{
  depart:""
}

 

<el-form-item  label-width="110px">
<el-select v-model="ParamsObj.depart" placeholder="归口部门选择">
<el-option
v-for="(dict,index) in fromData2.mgeDepartStatusOptions"
:key="index"
:label="dict.descValue"
:value="dict.code"/>
</el-select>
</el-form-item>
上一篇:python 语言教程(3)变量之字典


下一篇:四、数据类型_5.(1).dict 字典