关于给select赋初始值后，界面重新选择其他下拉选项无法替换显示新选项解决方法

最新推荐文章于 2024-06-20 09:46:43 发布

灿烂牵羊

最新推荐文章于 2024-06-20 09:46:43 发布

阅读量937

点赞数 3

文章标签： vue

本文链接：https://blog.csdn.net/qq_37107017/article/details/125679015

版权

这篇博客介绍了在Vue应用程序中遇到的深层渲染问题，特别是在使用<a-select>组件的change事件时。作者提供了一个解决方案，即在change事件处理函数中调用this.$forceUpdate()来强制页面更新，从而修复了下拉选项改变不显示的问题。这种方法对于处理Vue组件渲染同步问题可能有借鉴价值。

摘要由CSDN通过智能技术生成

原因是深层渲染问题，所以在select下拉表单的change事件中强行刷新一次页面即可： this.$forceUpdate()

 <a-select placeholder='请选择面积' v-model='queryParam.area' style='width: 100%' @change="tagChange" allow-clear>
                  <a-select-option v-for='(d, index) in areaOptions' :key='index' :value='d.dictValue' >{{ d.dictLabel
                    }}
                  </a-select-option>
                </a-select>
------------------------------------------------------------------
  methods: {
    tagChange(){
      this.$forceUpdate()
    },
 }