在uni-app中有两种方式开启下拉刷新
- 需要在 pages.json 里,找到的当前页面的pages节点,并在style 选项中开启enablePullDownRefresh
- 通过调用 uni.startPullDownRefresh 方法来开启下拉刷新
创建list页面进行演示
杭州学科{{item}}
通过 pages.json 文件中找到当前页面的pages节点,并在 style 选项中开启 enablePullDownRefresh
{"path":"pages/list/list","style":{"enablePullDownRefresh": true}
}
uni.startPullDownRefresh()
通过 onPullDownRefresh 可以监听到下拉刷新的动作
export default {data () {return {arr: ['前端','java','ui','大数据']}},methods: {startPull () {uni.startPullDownRefresh()}},onPullDownRefresh () {console.log('触发下拉刷新了')}
}
uni.stopPullDownRefresh()
停止当前页面下拉刷新。

杭州学科{{item}}
通过在 pages.json 文件中找到当前页面的pages节点下style中配置onReachBottomDistance可以设置距离底部开启加载的距离,默认为50px
通过 onReachBottom 监听到触底的行为
杭州学科{{item}}
以上就是今日所要分享的知识点,最后,依旧诚挚祝福屏前的你健康幸福、平安喜乐!
下一篇:Java_抽象类