使用Element-Ui的el-select组件遇到无法选中回显的问题

本文详细介绍了在使用Vue框架和Element-Ui的Select组件时遇到的上级科目下拉选项无法正常回显的问题。通过深入排查发现并非绑定值的问题,最终采用Vue官方提供的vm.$forceUpdate()方法成功解决了这一难题。文章还分享了具体实现代码,即在select组件上增加@change事件并调用$forceUpdate()。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在实习开发中使用了Element-Ui的select组件,在选择上级科目下拉后出现了下拉无法回显的情况,但是在科目名称一填内容,上级科目马上就回显了的情况。
在这里插入图片描述
经过排查也并不是下拉框绑定的值有问题,最后是使用了Vue 官方提供了 vm.$forceUpdate() 方法才解决的。
此方法的作用是迫使 Vue 实例重新渲染。

解决代码:
在对应的select组件增加@change事件,事件对应为$forceUpdate()即可

在这里插入图片描述小菜记录开发过程中的。

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值