vue element-UI 多个 select 回显成功,但是选中无反应

参考文章 vue开发(四)element的select下拉框设定初值后,不能重新选择的问题

参考文章 element模态框dialog中的select组件中选中无反应

原因 下拉框数据是循环别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷新

解决方案 添加 @change="$forceUpdate()" 强制更新视图

<el-select v-model="form.source" placeholder="请选择" @change="$forceUpdate()" style="width:380px">
          <el-option
                v-for="item in tradeSource"
                :key="item.id"
                :label="item.label"
                :value="item.id"
            />
  </el-select>
                   
posted @   lick  阅读(5626)  评论(0编辑  收藏  举报
编辑推荐:
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
阅读排行:
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 趁着过年的时候手搓了一个低代码框架
· 用 C# 插值字符串处理器写一个 sscanf
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!
点击右上角即可分享
微信分享提示