Vue el-select下拉框选择成功时不显示,但是当选择其他下拉框的时候,又可以成功显示

Posted 啥也不会ln

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue el-select下拉框选择成功时不显示,但是当选择其他下拉框的时候,又可以成功显示相关的知识,希望对你有一定的参考价值。

这个问题我只,也遇到过,想看的可以看一下这个,今天我又遇到了,先看一下代码部分

之前是没有,change事件的,这个是我解决后加上的,这个并不是通过this.form.*设置的,所以不是$set的问题

然后让我找到了,

render函数没有自动更新,需要用forceUpdate强制刷新render

如果下拉框数据是循环别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷新所以我直接强制刷新了值,而forceUpdate就是重新render。( 针对这种情况加了forceUpdate可以解决,想来原理应该也是如此。

解决办法:

给select 添加 change 事件

 this.$forceUpdate() //添加下面代码即可解决你的问题

以上是关于Vue el-select下拉框选择成功时不显示,但是当选择其他下拉框的时候,又可以成功显示的主要内容,如果未能解决你的问题,请参考以下文章

Vue el-select下拉框选择成功时不显示,但是当选择其他下拉框的时候,又可以成功显示

vue el-select下拉框,选择后赋值成功,但是框上不显示选中的值的解决办法

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值

Vue使用el-select下拉框实现可输入可选择,失去焦点时不清空绑定参数