Vue 内 fastclick在iPhone8 plus和 iPhone X中的bug-CSDN博客

fastclick在iPhone8 plus和 iPhone X中的bug

被一个问题困扰了半天,在微信浏览器内或者safari内, 页面顶部一个输入框, 点击时需要唤起手机的键盘,但是点击输入框时有一定的几率无法唤起键盘

现在说先下问题产生的环境(项目是用vue-cli全家桶直接搭的)

(1) Vue.js版本: @2.5.2

(2) fastclick版本: @1.0.6

(3) nodeJS版本: @8.9.4

(4) npm版本: @6.3.0

(5) vue-cli版本: @2.9.6

(6) webpack版本: @3.6.0

(fastclick相信大家都和我一样的用法吧)

search.vue 的代码如下

<template>
  <input
    placeholder="搜索目的地"
    autofocus="autofocus"
    type="text"
    v-model.trim="inputValue"
    @input="handleInputVlaueChange"
  />
</template>
<script>
...
</script>
<style scoped lang="stylus">
...
</style>
复制代码

main.js 的代码如下

  ...
  import FastClick from 'fastclick'
  FastClick.attach(document.body)
  ...
复制代码

报上版本号(手机类型, IOS版本号, 型号, 微信版本)

手机类型	IOS版本号	型号	微信版本
iphone 8 Plus	11.3(15E216)	MQ8F2CH/A	WeChat6.7.2
iPhone X	11.4(15F79)	MQCD2CH/A	WeChat6.7.2

目前暂时将fastclick的引用注释掉,就不会有一定的几率键盘无法唤起的问题了(测试人员手的点击力度略轻,妆容上看是个妹子),

正在寻求其他解决办法,

有办法的大神来波弹幕