问题描述
修改信息页面,表单中使用组件,点击编辑按钮携带行数据填充表单。携带数据 teamType
无法匹配 teamTypeList
的key
值,直接显示key
值(应该显示对应的value
值)
问题解析
猜想有可能是组件采用了强匹配===
,传入数据和teamTypeList
的key
值类型不同,修改为相同数据类型即可
原代码
<el-select v-model="formData.teamType" placeholder="请选择队伍类别" style="width: 90%;">
<el-option
v-for="item in teamTypeList"
:key="item.value"
:label="item.dicCnname"
:value="item.value">
</el-option>
</el-select>
修正代码
<el-select v-model="formData.teamType" placeholder="请选择队伍类别" style="width: 90%;">
<el-option
v-for="item in teamTypeList"
:key="item.value"
:label="item.dicCnname"
:value="Number(item.value)">
</el-option>
</el-select>