iview select下拉框的蜜汁小坑

前言

最近使用iview的select下拉选择器,遇到一个很神奇的问题:选中下拉框里面的一个值,但是再去点下拉框的时候就只剩刚才选中的数据了。感觉应该是插件把刚才选中的数据当做的搜索条件,所以需要做的是在进行添加和编辑操作的时候手动把这个值给赋为空值。

HTML

给select下拉选择器定义一个ref属性

JS

常见的解决办法是:

this.$refs.selectEventBox.$data.query = ' '

但是还有一种情况,使用上面赋空值的办法竟然没生效,后面经过一番摸索,发现将filterQueryChange 设为false就可以解决:

this.$refs.selectEventBox.filterQueryChange = false

原文地址:https://www.cnblogs.com/candy-xia/p/11840715.html