微信小程序 上拉加载更多
来源:互联网 发布:mac office 安装失败 编辑:程序博客网 时间:2024/05/21 14:57
//wxml//1.scroll-y="true" 必须要指定允许纵向滚动或横向滚动//2.bindscrolltolower (bindscrolltolower/bindscrolltoupper)绑定滚动事件//3.竖向滚动时,必须要设置scroll-view的高度,而且不能是百分比数值。<scroll-view class="news" scroll-y="true" bindscrolltolower="scrollLoadNews" style="height:500px;"> <view wx:for="{{newsList}}" wx:key="{{item.ClientID}}" class="news_list"> <navigator url="../detail/detail?clippingsId={{item.ClippingsID}}&listIndex={{index}}&listCount={{newsList.length}}"> <text class="news_title news_text">{{item.ClipTitle}}</text> </navigator> </view></scroll-view>//js//一开始很疑惑,在我将newsList渲染到前端以后,如何将从新加载的数据拼接到现有的新闻后面,//后来通过学习,将新加载的新闻集合通过遍历,用push方法,拼接在现有新闻集合的后面,之后再将新闻集合赋值到前台for (var i = 0; i < requestRes.data.data.length; i++) { app.getNews.newsList.push(requestRes.data.data[i])}that.setData({ newsList: app.getNews.newsList,})//以下内容摘自// https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html//tip: 请勿在 scroll-view 中使用 textarea、map、canvas、video 组件//tip: scroll-into-view 的优先级高于 scroll-top//tip: 在滚动 scroll-view 时会阻止页面回弹,所以在 scroll-view 中滚动,是无法触发 onPullDownRefresh//tip: 若要使用下拉刷新,请使用页面的滚动,而不是 scroll-view ,这样也能通过点击顶部状态栏回到页面顶部
1 0
- 微信小程序 上拉加载更多
- 微信小程序 上拉加载更多
- 微信小程序-下拉刷新,上拉加载更多
- 微信小程序开发之 下拉刷新,上拉加载更多
- [微信小程序]下拉刷新上拉加载更多
- 微信小程序下拉刷新/上拉加载更多
- 上拉加载更多
- 上拉加载更多
- 上拉加载更多
- 上拉加载更多
- listview 上拉加载更多
- ListView上拉加载更多
- ListView上拉加载更多
- ionic 上拉加载更多
- Android上拉加载更多
- android 上拉加载更多
- 上拉加载更多数据
- RecyclerView 上拉加载更多
- NODEJS中间件
- UnityShader太空中的大气层效果
- Flex 布局教程:语法篇
- 排序、子查询
- 使用Emit把IDataRecord转换为实体对象
- 微信小程序 上拉加载更多
- Logstash学习资料
- [bigdata-59] 修改centos的主机名
- vue-cli创建应用
- js 上下键控制table里tr的背景上下移动选中效果
- 关于事件驱动编程
- 高仿今日头条视频列表功能
- internDay1
- iOS应用架构谈 开篇