微信程序一直处于数据加载怎么解决?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信程序一直处于数据加载怎么解决?相关的知识,希望对你有一定的参考价值。

微信小程序经常会发生这样的情况,属于正常现象,有的是因为程序本身有问题,有的是网络不畅导致的,可以先退出程序找到设置清理缓存数据,再进入程序试一下 参考技术A 小程序的后台有问题吧,或者手机网络不好,重启或者换个网络试试,还是这样说明是小程序的问题。 参考技术B 进程结束了,在开 参考技术C 网络不好或者手机问题3G网络

微信小程序遇坑——多次点击页面重复加载及数据重复提交

参考技术A 目前总结解决方法:同时需要设置模块的函数,函数都可放置在util.js中去。

首先:

一、在util.js中放入如下两组函数

1. 设置点击后多久不能再次操作该

function throttle(fn, gapTime)

  if (gapTime == null || gapTime == undefined)

    gapTime = 1500

 

  let _lastTime = null

  // 返回新的函数

  return function ()

    let _nowTime = + new Date()

    if (_nowTime - _lastTime > gapTime || !_lastTime)

      fn.apply(this, arguments)  //将this和参数传给原函数

      _lastTime = _nowTime

   

 



2. 设置加载动画

function showLoading(message)

  if (wx.showLoading)     // 基础库 1.1.0 微信6.5.6版本开始支持,低版本需做兼容处理

    wx.showLoading(

      title: message, mask: true

    );

  else     // 低版本采用Toast兼容处理并将时间设为20秒以免自动消失

    wx.showToast(

      title: message, icon: 'loading', mask: true, duration: 20000

    );

 



function hideLoading()

  if (wx.hideLoading)     // 基础库 1.1.0 微信6.5.6版本开始支持,低版本需做兼容处理

    wx.hideLoading();

  else

    wx.hideToast();

 



并且将其导出作为页面使用:

module.exports =

  throttle: throttle,

  showLoading: showLoading,

  hideLoading: hideLoading,



二、将函数引入页面使用

const util = require('../../utils/util.js');

即可。

以上是关于微信程序一直处于数据加载怎么解决?的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序遇坑——多次点击页面重复加载及数据重复提交

电脑网站登陆显示数据一直正在加载怎么办

小程序-解决体验版只能打开调试工具才能加载数据(请求接口)问题

2020-07-31 微信小程序数据刷新与重新加载

点击微信小程序 为啥一直“加载中”,无法进入

微信小程序中执行页面数据加载完成之后执行的生命周期函数为()。