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

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

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

使用Element-Ui的el-select组件遇到无法选中回显的问题_第2张图片小菜记录开发过程中的。

你可能感兴趣的:(vue)