vue+element开发使用el-select不能回显的处理方案

更新时间：2022年07月26日 17:10:42 作者：Jonhos

这篇文章主要介绍了vue+element开发使用el-select不能回显的处理方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

使用el-select不能回显的处理

下拉框选择的时候，选不上下拉框的值，element提供了@change事件使用vm.$forceUpdate() 方法进行强制刷新，就可以把值渲染上去。

$forceUpdate()

                  <el-select v-model="price" clearable placeholder="请选择"                 
                    @change="$forceUpdate()">
                    <el-option
                      v-for="(item, index) in menuList"
                      :key="index"
                      :label="item.name"
                      :value="item.id"
                    ></el-option>
                  </el-select>

这样就可以解决。

el-select编辑数据不回显问题

编辑数据的时候需要回显下拉数据，我们只需要获得其值，vue会自动帮我们循环查询然后回显。先看看问题。

原下拉数据（orderTypeId 为我们需要的值是字符串类型）

原数据

编辑后台给我们返回的数据（serveId为数字类型）

后台返回数据

后台修改完类型后

完没解决

总结：el-select下拉数据回显查询和编辑的数据类型要统一就可以

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue模块移动组件的实现示例
这篇文章主要介绍了vue模块移动组件的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-05-05
ant design vue嵌套表格及表格内部编辑的用法说明
这篇文章主要介绍了ant design vue嵌套表格及表格内部编辑的用法说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-10-10
VUE axios每次请求添加时间戳问题
这篇文章主要介绍了VUE axios每次请求添加时间戳问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-01-01
vue element-plus中el-input修改边框border的方法
element样式还是蛮好的,只是有时候我们需要做一些调整,比如el-input的边框,下面这篇文章主要给大家介绍了关于vue element-plus中el-input修改边框border的相关资料,需要的朋友可以参考下
2022-09-09
Vue使用lodop实现打印小结
这篇文章主要介绍了Vue使用lodop打印小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-07-07
<el-button>点击后如何跳转指定url链接
这篇文章主要介绍了<el-button>点击后如何跳转指定url链接问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-04-04
Vuex之理解Mutations的用法实例
本篇文章主要介绍了Vuex之理解Mutations的用法实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
Vue3项目pc端浏览器样式正常但移动端部分样式失效问题的解决方法
这篇文章主要介绍了Vue3项目pc端浏览器样式正常但移动端部分样式失效问题的解决方法,文中通过图文讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下
2024-07-07
前端全屏显示解决方案分享(附图文详解)
这篇文章主要介绍了前端实现全屏显示的三种解决方案,并针对每种方案的适用场景和优缺点进行了详细分析,文中通过代码介绍的非常详细,需要的朋友可以参考下
2025-01-01
vue封装可复用组件confirm,并绑定在vue原型上的示例
今天小编就为大家分享一篇vue封装可复用组件confirm,并绑定在vue原型上的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-10-10