el-select和el-cascader标签因为类型不一致，造成没办法回填

z3zz3691

已于 2024-04-19 09:00:30 修改

阅读量520

点赞数 1

分类专栏： elementui 文章标签： vue.js elementui 前端

于 2024-04-19 08:58:48 首次发布

本文链接：https://blog.youkuaiyun.com/z3zz3691/article/details/137949417

版权

elementui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在使用VueElementUI的el-cascader和el-select组件时，由于数据类型不匹配导致无法回填的问题，提供了两种解决方法：一是提前转换v-model绑定的值，二是针对el-select使用特殊的value绑定方式.

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-cascader 因为类型不一致，造成没办法回填
解决方法1：
在v-model="formData.zoneId"前转类型
formData.value.zoneId = Number(formData.value.zoneId)
解决方法2：
在后以，直接将返回的zoneId字段类型转掉

el-select 因为类型不一致，造成没办法回填
解决方法1：
在v-model="formData.zoneId"前转类型
formData.value.zoneId = Number(formData.value.zoneId)
解决方法2：
在后以，直接将返回的zoneId字段类型转掉
解决方法3：转类型 value="item.id + ''"
如： <el-select v-model="formData.parentRivers" placeholder="请选择所属河流">
<el-option
v-for="item in reachList"
:key="item.id"
:label="item.reachName"
:value="item.id + ''"
/>
</el-select