【公告】 部分机型出现组件无法操作问题的解决方案

[chenjiahan]

背景

近期有比较多的童鞋反馈在 iOS 10.2、10.3、11.2 等版本的机型上出现组件无法操作、触摸没反应等问题，经排查是 Vue 2.6 更新引入的事件冒泡问题。

在 Vue 2.6 版本中，如果系统版本是 iOS 10.2 ~ 11.2，会偶现事件无法冒泡的情况，导致 Vant 部分组件里的逻辑无法触发。

最新进度

从 2.4 版本开始，我们通过手动绑定事件的方式来规避这个问题，涉及以下组件：

• Area
• DatetimePicker
• ImagePreview
• Rate
• Slider
• Swipe
• SwipeCell
• NumberKeyboard
• Picker
• PullRefresh

解决方法

如果你遇到了类似的问题，升级到 Vant 2.4.0 以上版本即可解决

降级 Vue 版本到 2.5.22 亦可解决此问题：

npm i vue@2.5.22 vue-template-compiler@2.5.22 --save

相关 issue

vuejs/vue#10964

[stone-web]

华为p9下滑动选择时间的控件无反应

[aotemanzhuangui]

升级到2.6.10版本之后，对应vue-template-compiler升级到2.6.6版本以上，时间控件还是出现低版本ios无法滑动，只能点击的问题

[944zhang]

升级到2.6.10版本之后，对应VUE模板编译器升级到2.6.6版本以上，时间控件还是出现低版本IOS无法滑动，只能点击的问题

兄弟，时间控件低版本IOS无法滑动，只能点击的问题你解决了吗

[chenjiahan]

vue-template-compiler 需要与 vue 版本一致

[leemoncn]

试了一下，还是不行。
环境：ios 10.3.3，safari浏览器（不正常），chrome正常。
vue-template-compiler和vue都已经升级到2.6.10。

打开vant官方demo，基础组件->popup弹出层->底部弹出，picker只能点击，不能滑动。

[944zhang]

vue-template-compiler 需要与 vue 版本一致
vue-template-compiler和vue都已经升级到2.6.10还是不行

[lianghx-319]

picker 无法滚动只能点击

ios11
vue 2.5.x

疑似因为行内样式没有 -webkit- 众所周知 iOS10 和 iOS11 有几个版本的 safari 有很多 bug

[3110160]

slider iphone6ps 不能滑动