vant组件库点击选择器时弹出输入键盘

问题描述

  1. 当进行一些h5的项目开发时,会经常使用到vant组件库,当项目中需要表单业务并且包含有选择器输入项。当点击选择器弹出popup和选择piker,正常情况下我们是希望仅仅弹出选择器进行选择即可。但有时系统输入键盘会一并弹出,显然这不是我们想要看到的效果
  2. 比如说下面这种情况在这里插入图片描述

问题解决

  1. 给van-filed输入框组件绑定事件focus,表示输入框获得焦点时触发,调用以下方法即可
    forbid () {
          
          
      //禁止软键盘弹出
      document.activeElement.blur();
    }
    

猜你喜欢

转载自blog.csdn.net/lhh_gxx/article/details/128548074