mint-UI上拉加载下拉刷新和fastclick冲突问题解决
mint-UI上拉加载下拉刷新和fastclick冲突问题解决
honey缘木鱼
发布于 2018-12-24 10:11:07
发布于 2018-12-24 10:11:07
当我们的Vue项目为了解决IOS设备事件点击卡顿，300ms的延迟的问题，引入了fastclick后，会有很多小的冲突，例如在使用mint-UI实现上拉加载和下拉刷新的时候，经常会触碰到点击事件进入下一个页面，这是因为去掉300毫秒的延迟就会使得页面特别灵敏，想着用阻止冒泡的方式来解决。
在/node_modules\mint-ui\lib\loadmore\index.js和mint-ui.common.js中handleTouchEnd: function handleTouchEnd(event) {...}中相应部分添加如下代码：
if (this.direction === 'down' && this.getScrollTop(this.scrollEventTarget) === 0 && this.translate > 0) {
event.preventDefault();
event.stopPropagation();
if (this.direction === 'up' && this.bottomReached && this.translate < 0) {
event.preventDefault();
event.stopPropagation();本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.12.05 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读