微信小程序,无法直接使用上拉手势定义自己的功能

我想写一个上拉进行删除的操作,非上拉加载。但是无法直接使用上拉手势定义自己的功能,最后发现是因为内容没有填满整个页面,即:内容没有触底,无法调动上拉事件。

解决办法是:将上拉事件绑定在组件上,或者使用view设置高度,填充完整个页面 。

  1. 在Page的onReachBottom()函数中定义上拉触发的动作,官方对onReachBottom()的定义是
监听用户上拉触底事件。
可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。
在触发距离内滑动期间,本事件只会被触发一次。
  1. 在页面配置 json文件中加上
"enablePullDownRefresh":true
  1. 页面上拉触底事件触发时距页面底部距离,单位为px
onReachBottomDistance:50
  1. 如果页面内容没有触底,上拉手势依然无法触发onReachBottom事件。因此我用看不见的view填充剩余页面。
<!-- 占位便于触底 -->
<view class='blank'></view>
.blank{
  height: 500rpx; 
}

你可能感兴趣的:(Bubble微信小程序开发日志)