如何让listView下拉刷新时不触发点击事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何让listView下拉刷新时不触发点击事件相关的知识,希望对你有一定的参考价值。

参考技术A 拉刷新应该 拉距离吧 加变量

Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法

bug说明:

Mint-ui中loadmore(上拉加载下拉刷新)组件 在 使用fastclick的情况下

,在ios设备中滑动会触发点击事件;

 

解决方法:

我是按需引入,去项目中找到loadmore下的index.js,全部引入的要找mint下面mint-ui.common.js

路径如下:你的项目名/node_modules\mint-ui\lib\loadmore\index.js

搜索 handleTouchEnd ,记得写event进去

handleTouchEnd: function handleTouchEnd(event) {...}
 

然后在down和up两个事件中加入 我标注的红字即可!

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();
...
 
 
困扰了很久终于搞定,同样遇到这个问题的小伙伴可以照我的方法去做了!!

以上是关于如何让listView下拉刷新时不触发点击事件的主要内容,如果未能解决你的问题,请参考以下文章

elementUI 下拉框隐藏时触发相关事件(下拉框下拉显示时不触发)

elementUI 下拉框隐藏时触发相关事件(下拉框下拉显示时不触发)

ListView的点击事件,长按事件,数据刷新

长按刷新列表后取消ListView上的点击事件

android 下拉刷新怎么实现

android listview上下滑动时为啥不触发点击事件