18910140161

微信小程序下拉刷新上拉加载的两种实现方法

顺晟科技

2021-06-16 10:50:33

212

微信小程序下拉刷新上拉加载的两种实现方法,1、利用' onPullDownRefresh '和'在每个底部'方法实现小程序下拉刷新上拉加载,2、在滚动视图里设定bindscrolltoupper和bindscrolltolower实现微信小程序下拉刷新上拉加载。

利用' onPullDownRefresh '和'在每个底部'方法

在射流研究…文件里直接写' onPullDownRefresh '和'在每个底部'方法即可;

文档地址:https://MP。微信。QQ。com/debug/wxa doc/dev/framework/app-service/page。html?t=20161107

可扩展标记语言

滚动-视图滚动-y=真

..

/scroll-view

射流研究…

onpulldownlrefresh :函数(){

//拉倒的时候做点什么。

console.log('刷新');

},

在线底部:函数(){

//当页面到达底部时做一些事情。

console.log('圆圈下一页');

},

在滚动视图里设定bindscrolltoupper和bindscrolltolower

在滚动视图里设定bindscrolltoupper和bindscrolltolower,然后在射流研究…里写好触发事件后对应的方法。[注意,使用这个模式一定要设置滚动视图的高度,不知道为什么设置后没效果,建议使用100vh]

文档地址:https://MP。微信。QQ。com/debug/wxa doc/dev/component/scroll-view。html?t=20161107

可扩展标记语言

scroll-view scroll-y=true bindscrolltolower=' LoadMoore ' bindscrolltoupper=' refesh '

..

/scroll-view

射流研究…

onpulldownlrefresh :函数(){

//拉倒的时候做点什么。

console.log('刷新');

},

在线底部:函数(){

//当页面到达底部时做一些事情。

console.log('圆圈下一页');

},

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航