微信小程序基于wepy框架开发之页面下拉操作

最新推荐文章于 2022-09-27 21:32:12 发布

原创最新推荐文章于 2022-09-27 21:32:12 发布 · 401 阅读

0 ·

CC 4.0 BY-SA版权

微信小程序开发同时被 2 个专栏收录

4 篇文章

订阅专栏

微信小程序wepy框架开发

4 篇文章

订阅专栏

本文介绍了在2019年使用wepy框架开发微信小程序时遇到的页面下拉操作问题，包括在有垂直滚动组件时下拉无效、下拉过程不流畅以及下拉后无法自动回弹等。同时，文章提供了在wepy架构下启用和监控下拉功能的源码操作指南。

写在前面

20190702
微信小程序自带了API支持页面下拉操作，但是使用不是很友好
问题一：页面中如果有垂直滚动组件，在该组件范围内下滑页面，下拉操作无效
问题二：下拉过程过度不流畅
问题三：下拉释放后不会自动回弹，需要调用wx.stopPullDownRefresh()

源码操作

基于wepy架构

在config中配置使能下拉功能

    config = {
      navigationBarTitleText: 'test',
      enablePullDownRefresh: true
    }

下拉监控回调

    onPullDownRefresh(){
        const TAB = this.TABHEADER+'=>onPullDownRefresh=>'
        console.log(TAB)     
		//需要在这里调用，下拉页面才会回收
        wx.stopPullDownRefresh();
    }