Vue 下拉框model里面明明有值，但是不显示

系统管理员 2023-10-05 08:53 6阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FkbWluMTIzNDA0_size_16_color_FFFFFF_t_70][]

可以看到，市区的下拉框明明选中了沈阳市，但是就是不显示沈阳市，原因是什么呢？

**问题**：  
下拉选择能打印到数据，但是选中后框里不显示值；

**原因：**  
出现这个问题 是因为下拉框数据是v-for接口请求来的数据，因为数据层次太多，render函数没有自动更新

**解决方法:**  
在chenge事件里手动强制刷新值

onChange(){
       this.$forceUpdate()//强制更新
           
    }

非常感谢作者：[JRJ || 575][JRJ _ 575]

原文链接： [https://blog.csdn.net/weixin\_43835827/article/details/105677387][https_blog.csdn.net_weixin_43835827_article_details_105677387]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FkbWluMTIzNDA0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200821110541310.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FkbWluMTIzNDA0,size_16,color_FFFFFF,t_70
[JRJ _ 575]: https://blog.csdn.net/weixin_43835827
[https_blog.csdn.net_weixin_43835827_article_details_105677387]: https://blog.csdn.net/weixin_43835827/article/details/105677387

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui 下拉框不显示解决方法

学layui时会遇到 layui的下拉框总是显示不出来 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0...

约定不等于承诺〃/ 2024年04月17日 14:37/ 0 赞/ 77 阅读

相关 vue elementUI select下拉框设置默认值

关于element select框默认值赋值不成功问题，注意两点： v-model里面的数据和遍历出来value值数据类型不一样。！！！！（例：item.provinc

旧城等待，/ 2023年10月09日 14:25/ 0 赞/ 62 阅读

相关 Vue 下拉框model里面明明有值，但是不显示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FkbWlu

系统管理员/ 2023年10月05日 08:53/ 0 赞/ 7 阅读

相关下拉框没有数据显示

![在这里插入图片描述][20191224110411338.png] ![在这里插入图片描述][20191224110522127.png] ![在这里插入图片描述]

今天药忘吃喽~/ 2023年06月25日 01:59/ 0 赞/ 15 阅读

相关 vue渲染select下拉框的值

关于一些经常用到的参考文档：这里都罗列一下,查找起来比较方便 Element UI手册：[https://cloud.tencent.com/developer/doc/12

雨点打透心脏的1/2处/ 2022年11月07日 05:50/ 0 赞/ 243 阅读

相关 vue渲染select下拉框的值

关于一些经常用到的参考文档：这里都罗列一下,查找起来比较方便 Element UI手册：[https://cloud.tencent.com/developer/doc/12

逃离我推掉我的手/ 2022年11月05日 11:48/ 0 赞/ 249 阅读

相关 vue提交select下拉框选中的值

写在前面的而一些啰嗦的话: vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。 Star指数：69.7k G

墨蓝/ 2022年09月05日 04:09/ 0 赞/ 264 阅读

相关 vue提交select下拉框选中的值

例子 <template> <div class="tab-container"> <div class="filter-containe

向右看齐/ 2022年08月29日 09:39/ 0 赞/ 234 阅读

相关 vue+Element-ui三级联动，下拉框有值不能选中的解决方案

HTML代码![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

墨蓝/ 2022年04月23日 14:28/ 0 赞/ 88 阅读

相关 All elemen are null有值但是显示不出来

今天在写SpringBoot+Mybatis时出现All elemen are null 有值但是显示不出来,如图 ![错误异常页面][watermark_type_ZmF

痛定思痛。/ 2021年06月11日 15:14/ 0 赞/ 376 阅读