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