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项目使用nginx方式部署前端
本文给大家介绍Vue项目使用nginx方式部署前端,vue项目编译打包在项目根目录下运行npm run build 进行编译打包,本文给大家介绍的非常详细,需要的朋友跟随小编一起看看吧
2023-10-10
vue数据传递--我有特殊的实现技巧
这篇文章主要介绍了vue数据传递一些特殊梳理技巧,需要的朋友可以参考下
2018-03-03
基于vue+openlayer实现地图聚合和撒点效果
Openlayers 是一个模块化、高性能并且功能丰富的WebGIS客户端的JavaScript包，用于显示地图及空间数据，并与之进行交互，具有灵活的扩展机制，本文给大家介绍vue+openlayer实现地图聚合效果和撒点效果，感兴趣的朋友一起看看吧
2021-09-09
如何解决sass-loader和node-sass版本冲突的问题
这篇文章主要介绍了如何解决sass-loader和node-sass版本冲突的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
layui实际项目使用过程中遇到的兼容性问题及解决
这篇文章主要介绍了layui实际项目使用过程中遇到的兼容性问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-04-04
vue打包上传到服务器加载慢的优化方式
这篇文章主要介绍了vue打包上传到服务器加载慢的优化方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
Vue中Mustache引擎插值语法使用详解
在Vue中通过Mustache模板引擎将data中的文本数据插入到HTML中,下面这篇文章主要给大家介绍了关于Vue中Mustache模板引擎插值语法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
深入理解vue的使用
这篇文章主要介绍了深入理解vue的使用，对vue感兴趣的同学，可以参考下
2021-05-05
详解vue 实例方法和数据
这篇文章主要介绍了vue 实例方法和数据的相关资料，非常不错，具有参考借鉴价值,需要的朋友可以参考下
2017-10-10
Vue-input框checkbox强制刷新问题
这篇文章主要介绍了Vue-input框checkbox强制刷新问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-04-04