mui下拉刷新在安卓真机环境下无效

版权声明: https://blog.csdn.net/chenwuai/article/details/80695501

问题:。下拉刷新在浏览器及IOS环境中可以正常使用,但是打包成安卓应用程序,打开后下拉刷新就无法使用,但是上拉加载可以使用网上搜了一下,找到了一些方法目前总结出了两种。

你如果急切的想知道解决方法,请直接略过问题。

一:问题

HTML

 

图1 html dom结构

JS

我也使用了VUE进行双向绑定。

图2 js代码mui.init初始化

上面这张图是VUE的安装时间,我的mui.init放在了这里。初始化pullrefresh事件。

that.pulldownRefresh();

调用VUE的mothods里的pulldownRefresh方法。具体就是一些业务逻辑。

图3 js代码pullrefresh业务逻辑代码(测试用)

在hbuilder中可以出来效果,

但是打包安卓的应用程序,运行就不能下拉了,没有效果。

二:解决方法

解决方法一:

使用原生刷新,

直接把其他的都注释掉,加上这个风格:“圈”。

解决。

解决方法二:

此方法借鉴了网络上的方法并改进了一下。

需要修改mui.js源码,修改源码的前提是你引用的是mui.js。而不是mui.min.js

下面是步骤。

1.在引用mui.js代码之前添加以下代码

<script>var h5pullDown = true;</script>

2.打开mui.js文件,搜索关键词pulldownRefresh找到以下位置,添加红色框中的代码(有感叹号)。

未添加之前,MUI会重写安卓端的pullrefresh事件,强制使用双的WebView。添加的代码是让梅跳过重写。

3.接着搜过“ pullRefresh 5+ ”找到以下位置添加红色框内的代码(这个没有感叹号,不是取反)

加上这些之后,保存退出。

重新打包你的app.ok.

三,回顾

修改源码终究不是个办法,还是希望官方提供解决方法。希望梅越做越好,现在的漏洞还是很多呀。

如果有新的解决方法,会持续更新的。

参考文章:

Android的真机环境下下拉刷新失效

(完)

-------------------------------------------------- ---------------------------

欢迎扫码向我提问。也可以在下面留言哦大笑

支付宝搜索515778872领红包!!!最高99元。每天都能领。

猜你喜欢

转载自blog.csdn.net/chenwuai/article/details/80695501
今日推荐