专栏首页前端开发随笔微信小程序下拉刷新上拉加载

微信小程序下拉刷新上拉加载

下拉刷新

在app.json中

 "window": {
    "backgroundTextStyle": "dark",
  },

在页面的配置项.json中

  "enablePullDownRefresh":true

在页面的js中

  // 触发下拉刷新时执行
  onPullDownRefresh: function () {
    //在标题栏中显示加载
    wx.showNavigationBarLoading();
    //重新加载的方法
    this.getchange();
    // 隐藏导航栏加载框
    wx.hideNavigationBarLoading();
    // 停止下拉动作
    wx.stopPullDownRefresh();
  },

上拉加载

 if (res.data.data.length == 0) {
       this.setData({
         bare: false
       })
     }
     this.setData({
       dynamic_list: this.data.dynamic_list.concat(res.data.data),
     })
  // 页面触底时执行
  onReachBottom: function () {
    if (this.data.bare == false) {
      return false
    }
    let that = this;
    wx.showLoading({
      title: '玩命加载中',
    })
    var page = that.data.page + 1
    that.setData({
      page: page
    })
    //在调一次方法
    that.getdynamic()
    wx.hideLoading();
  },

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序editor富文本编辑

    wePanda
  • 微信小程序实现图片上传限制数量和删除

    wePanda
  • ElementUI使用Cascader实现省市区三级联动

    wePanda
  • 微信小程序switchTab带参解决方法

    问题: 做小程序时有需求, 要跳转tab页的时候带参数跳过去, 但是微信小程序文档里写的switchTab不能带参, 所以应该如何操作?

    治电小白菜
  • Python之GUI实现

    wxPython是Python的GUI图形库。很方便的创建完整的、功能键全的GUI用户界面。 wxPython是作为wxWidgets的Python封装,然后作...

    小末快跑
  • Python如何用wx模块创建文本编辑器

    在GUI术语中,用户执行的动作(比如 点击按钮)叫做事件。我们需要让程序注意这些事件并且作出反应。

    砸漏
  • 七日Python之路--第三天(之不安分 wxPython)

    Python有好多个GUI框架,wxPython比较流行,so just do it..... Win下各种不爽,又换Ubuntu

    lpe234
  • python–GUI–制作简单的文本文档

    使用python的包包—wxpython,,安装命令是:apt-get install python-wxgtk2.8

    十四君
  • python之图形界面

    在编写python GUI程序前,需要决定使用哪个GUI平台。wxpython----跨平台pythonGUI工具包

    py3study
  • python中wx模块的具体使用方法

    本节介绍如何创建python程序的图形用户界面(GUI),也就是那些带有按钮和文本框的窗口。这里介绍wxPython:

    砸漏

扫码关注云+社区

领取腾讯云代金券