• 首頁 > 上網技巧 > 電腦小技巧 > 微信小程序下拉刷新上拉加載的兩種實現方法

    微信小程序下拉刷新上拉加載的兩種實現方法

    時間:2019-08-16 17:37 作者:QQ地帶 我要評論

    微信小程序下拉刷新上拉加載的兩種實現方法,1、利用"onPullDownRefresh"和"onReachBottom"方法實現小程序下拉刷新上拉加載,2、在scroll-view里設定bindscrolltoupper和bindscrolltolower實現微信小程序下拉刷新上拉加載。
     
     利用"onPullDownRefresh"和"onReachBottom"方法
    在js文件里直接寫"onPullDownRefresh"和"onReachBottom"方法即可;
     
    文檔地址:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=20161107
     
    xml
     
    <scroll-view scroll-y = true >
        .........
    </scroll-view>
    js
     
    onPullDownRefresh: function() {
        // Do something when pull down.
         console.log('刷新');
     },
     
     onReachBottom: function() {
        // Do something when page reach bottom.
         console.log('circle 下一頁');
     },
     在scroll-view里設定bindscrolltoupper和bindscrolltolower
    在scroll-view里設定bindscrolltoupper和bindscrolltolower,然后在js里寫好觸發事件后對應的方法。[注意,使用這個模式一定要設置scroll-view的高度,100%不知道為什么設置后沒效果,建議使用100vh]
     
    文檔地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html?t=20161107
     
    xml
     
     <scroll-view scroll-y = true bindscrolltolower="loadMore" bindscrolltoupper="refesh">
        ..........
    </scroll-view>
    js
     
    onPullDownRefresh: function() {
        // Do something when pull down.
         console.log('刷新');
     },
     
     onReachBottom: function() {
        // Do something when page reach bottom.
         console.log('circle 下一頁');
     },

    標簽: 微信小程序
    頂一下
    (0)
    0%
    踩一下
    (0)
    0%

    Google提供的廣告

    pk10最牛稳赚计划软件
  • 时时彩计划群有用吗 码报图片2019 快乐时时彩是全国开奖号码 电子游戏产业三大巨头 500万彩票网福彩走势图 VR竞速馆 陕西十一选五今天开奖结果 时时彩96 168开奖场直播結果开奖结果 广东11选5技巧有哪些 3d之家彩经网 重庆彩快乐十分走势图 必赢棋牌 金盈娱乐是正规的吗 云南时时彩购买平台