当前位置:   article > 正文

使用antdesign vue select 组件 需要多选时 取消组件自带的搜索功能_a-select 设置不需要搜索

a-select 设置不需要搜索
这个我也在网上找了好久,没有找到正确的答案,自己研究了一下,其实很简单的,我主要说一下思路
  • 1

select组件多选情况下没有取消搜索的这个选项,所以我们自己想想办法,我发现搜索是要以搜索框能获取到焦点为前提的,所以我们可以朝这个方向入手。
首先我注意到官网上的change事件和blur事件,怎么调用它们呢,一开始我用document和jq来找走了很多弯路。
后来我发现,用refs可以找到它的blur方法,所以我们可以在点击select框时调用blur方法,失去焦点,这就没办法搜索了。
但是这会产生新的问题就是搜索框失去焦点后它的下拉框也关闭了,所以我们要给下拉框设置是否开启和关闭
我发现了selelct的open属性我们来给它一个标志,更改标志是否为ture或者false来控制下拉框是否开启和关闭。这样我们可以在失去焦点时开启下拉框,在选择完毕后关闭下拉框。
但是关闭下拉框我没有找到太合适的事件,暂且用触发mouseenter事件时关闭下拉框,如果有更好的,欢迎留言,一起学习。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/151628
推荐阅读
相关标签
  

闽ICP备14008679号