当前位置: 首页 > news >正文

上拉加载

<view class="newsContainer">

  <view class="newsItem">
   wx:for="{{newsData}}"
   wx:key="key"
   bindtap="title"
   data-id="{{item.id}}"
  </view>
</view>
  • 页面相关事件处理函数–监听用户下拉动作
getData(p){
    wx.request({
      url: 'https://jsonplaceholder.typicode.com/todos/getData?p=' + p,

      success:res=>{
        this.setData({
          newData:[...this.data.newsData,...res.data],
          p: this.data.p + 1
        })
      }
    })
  },
 /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.getData(this.data.p)
  },

相关文章:

  • 组件与组件通信
  • 组建的引入与传参
  • 小程序游戏请求
  • 小程序登录
  • 云开发增删改
  • 2021-02-06
  • 小程序框架初识和mpvue的安装步骤
  • 获取用户当前地址
  • plugins的介绍使用
  • React初步认识组件
  • React代码联系
  • React注意事项
  • react 自定义构建初期
  • React的循环数据渲染到页面
  • React初期的事件
  • CentOS7简单部署NFS
  • FineReport中如何实现自动滚屏效果
  • react-core-image-upload 一款轻量级图片上传裁剪插件
  • REST架构的思考
  • Vue2.0 实现互斥
  • Vue全家桶实现一个Web App
  • 基于HAProxy的高性能缓存服务器nuster
  • 让你的分享飞起来——极光推出社会化分享组件
  • 学习HTTP相关知识笔记
  • 用Canvas画一棵二叉树
  • 用Visual Studio开发以太坊智能合约
  • 通过调用文摘列表API获取文摘
  • ​ ​Redis(五)主从复制:主从模式介绍、配置、拓扑(一主一从结构、一主多从结构、树形主从结构)、原理(复制过程、​​​​​​​数据同步psync)、总结
  • ​什么是bug?bug的源头在哪里?
  • # C++之functional库用法整理
  • #NOIP 2014# day.1 生活大爆炸版 石头剪刀布
  • $.ajax中的eval及dataType
  • (9)目标检测_SSD的原理
  • (pt可视化)利用torch的make_grid进行张量可视化
  • (pytorch进阶之路)扩散概率模型
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (二十四)Flask之flask-session组件
  • (分享)一个图片添加水印的小demo的页面,可自定义样式
  • (分享)自己整理的一些简单awk实用语句
  • (蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)
  • (转)Linux整合apache和tomcat构建Web服务器
  • ./configure,make,make install的作用
  • .apk 成为历史!
  • .libPaths()设置包加载目录
  • .NET DataGridView数据绑定说明
  • .NET/C# 的字符串暂存池
  • .NET中两种OCR方式对比
  • .Net转Java自学之路—SpringMVC框架篇六(异常处理)
  • /var/spool/postfix/maildrop 下有大量文件
  • @ModelAttribute使用详解
  • [ C++ ] STL---stack与queue
  • [ vulhub漏洞复现篇 ] ThinkPHP 5.0.23-Rce
  • [20160902]rm -rf的惨案.txt
  • [Apio2012]dispatching 左偏树
  • [autojs]autojs开关按钮的简单使用