vue在外部方法给下拉框赋值后不显示label的解决
更新时间：2023年10月13日 14:41:24 作者：煎饼果子就咖啡
这篇文章主要介绍了vue在外部方法给下拉框赋值后不显示label的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue在外部方法给下拉框赋值后不显示label
遇到一个问题，我在外部方法中给下拉框赋值以后显示的是value值，正常应该显示label
原代码如下
在此处给性别赋值了
现象如下
排查后发现在此处应该是给字符串而不是数字
修改后正常
vue下拉框选中不显示的问题
上图：
说明
纠结的事情就是：这种情况出现了很多次，每次都排查很久。
出现的情况
- 在几级联动需要使用到el-select组件。
- 在添加的时候没有出现这样的问题，但是在修改的时候很容易出现。
特别是讲将 form.a 赋值给form.b这就会出现一种情况，form.a的改变老是影响form.b
对比
错误的代码：
var resp = response.data; this.form = resp; this.form.cityId = resp.cityName; this.form.provinceId = resp.provinceName;
本来的response的data里面有cityId的值和provinceId的值， 但是我们又重新的赋值了一次。
改正之后的代码：
var resp = response.data; // 此处解决选择市之后不展示label的情况 this.form.cityId = resp.cityName; this.form.provinceId = resp.provinceName; this.form.id = resp.id; this.form.bankName = resp.bankName; this.form.branchName = resp.branchName; this.form.branchId = resp.branchId; this.form.bankCode = resp.bankCode;
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue移动端下拉加载更多数据onload实现方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
这篇文章主要介绍了如何实现无感刷新token，当token过期的时候，刷新token,前端需要做到无感刷新token,即刷token时要做到用户无感知，避免频繁登录。下面我们大家一起进入文章看看实现思路即详细内容,需要的朋友可以参考一下2021-11-11
这篇文章主要给大家介绍了关于Vue中router-view无法显示的解决办法,router-view组件作为vue最核心的路由管理组件,在项目中作为路由管理经常被使用到,需要的朋友可以参考下2023-07-07
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
今天小编就为大家分享一篇解决Vue-cli npm run build生产环境打包,本地不能打开的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了VUE插件vue-treeselect的使用及说明，具有很好的参考价值，希望对大家有所帮助。2023-07-07
这篇文章主要为大家详细介绍了vue3实现抽奖模板设置，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
在 Vue 3 中,覆盖组件样式的方法与 Vue 2 相似,但由于 Vue 3 更多地依赖于 CSS 的模块化,一些最佳实践可能会有所不同,下面就跟随小编一起来了解一下吧2024-04-04
这篇文章主要为大家详细介绍了vue3+vite2实现动态绑定图片的优雅解决方案,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下2023-08-08
这篇文章主要介绍了基于ant design日期控件使用_仅月份的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
这篇文章主要介绍了vue监听页面上的报错信息,window.onerror和window.addEventListener(‘error‘)的区别,需要的朋友可以参考下2023-10-10
最新评论