Vue 内 fastclick在iPhone8 plus和 iPhone X中的bug

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><inputplaceholder="搜索目的地"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的引用注释掉,就不会有一定的几率键盘无法唤起的问题了(测试人员手的点击力度略轻,妆容上看是个妹子),

正在寻求其他解决办法,

有办法的大神来波弹幕

转载于:https://juejin.im/post/5b890388518825430c7a781a

Vue 内 fastclick在iPhone8 plus和 iPhone X中的bug相关推荐

浅谈Vue内置component组件的应用场景
官方的说明渲染一个"元组件"为动态组件.依 is 的值,来决定哪个组件被渲染.  & ...
vue内使用 cytoscape（数据可视化）
vue内使用 cytoscape 官网(https://js.cytoscape.org/) 官网全是英文,不太友好,哈哈哈,翻译过来也是乱七八糟- cytoscape能够进行图形分析和可视化,轻松显 ...
css vue 内联_vue 内联样式style中的background
在我们使用vue开发的时候有很多时候我们需要用到背景图这个时候会直接使用内联样式直接把你拿到的数据拼接上去注意在vue中直接使用style时花括号一定别忘记还有就是你的url一定 ...
vue内置动态组件component使用详解
1 动态组件介绍 component是vue内置组件,主要作用为动态渲染组件,基本用法如下: <!-- 动态组件由 vm 实例的 `componentName` property 控制 --&g ...
vue内解决可视化大屏内百度地图在css transform下缩放位置偏移的问题
vue内解决可视化大屏内百度地图在css transform下缩放位置偏移的问题* 最近在写可视化大屏的时候发现使用百度地图,在缩放的缩放的时候视角总是往红色框位置缩放,并不在鼠标位置进行视角缩放,查 ...
vue.js 数据替换_Vue.js实战笔记之Vue内置指令
指令是Vue模板中最常用的一项功能,它带有前缀v-,主要职责是当其表达式的值改变时,相应的将某些行为应用在 DOM 上. 基本指令 v-clock v-clock 不需要表达式,它会在 Vue 实例结 ...
iphone静音键失灵_你知道iPhone手机中哪些一般人不知道的功能？
现在使用iphone手机的人有很多,不过,对于大多数人来说,手机的主要功能体现都来自于手机上的APP,对于手机本身的功能了解较小,下面就一起来看看iphone手机中一些鲜为人知的功能吧. 一.手机实用 ...
iphone开发中图像处理相关要点
iPhone图像通常存储在以下4个地方: 相册(PhotoAlums):用户可以使用UIImagePickerController类提供的交互对话框从该相册中获取图像. 应用程序包:将图像与可执行程序 ...
iPhone开发中的技巧整理（四）
iphone开发笔记退回输入键盘 - (BOOL) textFieldShouldReturn:(id)textField{ [textField resignFirstResponder]; } ...