uniapp中使用mescroll实现选项卡上拉加载更多

 时间:2024-10-16 11:12:33

1、在移动端开发中,很多页面都有使用tabs,并且选项卡的每一页都得支持上拉加载更多。

uniapp中使用mescroll实现选项卡上拉加载更多

2、这个时候,就得使用mescroll插件。在tabs内容外层包裹一个mescroll-body组件,就可以直接弋讥孜求使用了。<mescroll-body ref="mescrollRef" top="20" auto="false" @init="mescrollInit" :up="upOption" @up="upCallback">

uniapp中使用mescroll实现选项卡上拉加载更多

4、有一点值得注意的是,在tabs的change方法中,一定要用this.mescroll.resetUpScroll() // 再刷新列表数据,否则在其中一个选项卡出现end的时候,其他几个选项卡就不能触发上拉事件了。

uniapp中使用mescroll实现选项卡上拉加载更多
  • 知乎视频自动播放怎么关闭
  • 荣耀是不是华为手机系列
  • 星光手帐如何注销账号
  • QuickSDK-H5功能使用说明
  • 如何抵御打游戏的不良诱惑
  • 热门搜索
    武夷山旅游网 象山影视城旅游 若尔盖旅游 国家旅游局提示:赴韩国旅游风险 农家乐旅游 名古屋旅游 大方旅游官网 景程旅游 台湾旅游攻略2013 海南旅游路线