在vant组件下阻止手机自带键盘弹起

废话:

        van-field输入框伴随着小键盘的弹起,但是在已经定义了的van-popup中,小键盘的弹起显得多余,尤其在地区,籍贯等的选择上,所以利用@focus(在获取焦点的时候进行阻止)

代码:

      <van-field
        :value="
          foreignAreaValue.province +
          foreignAreaValue.city +
          foreignAreaValue.town +
          foreignAreaValue.street
        "
        label="联系人地址区域"
        placeholder="请选择联系人地址区域"
        @click="foreignAddressStatus = true"
        @focus="a"
      />

        利用已经定义的方法

    a() {
      document.activeElement.blur();
    },

        document.activeElement获取当前获得焦点的元素,在获取到焦点的一瞬间失去焦点,达到阻止键盘弹出的目的同时不影响van-popup的弹出

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值