uni-app下拉刷新加载刷新数据

更新日期: 2019-09-11 阅读: 6.4k 标签: 下拉

onPullDownRefresh 监听该页面用户下拉刷新事件 需要在 pages.json 里 开启 enablePullDownRefresh

"globalStyle": {
}

当处理完数据刷新后,uni.stopPullDownRefresh 可以停止当前页面的下拉刷新

uni.startPullDownRefresh(OBJECT)

success Function 否 接口调用成功的回调 fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数

uni.stopPullDownRefresh() 停止当前页面下拉刷新

page.json 开启下拉刷新

{
 "pages": [
  {
   "path": "pages/index/index",
   "style": {
    "navigationBarTitleText": "hi uni",
    "enablePullDownRefresh": true
   }
  }, 

index.vue

<view v-for="(item, index) in newsList" class="newslist">{{item}}</view>

onPullDownRefresh:function(){
  this.getList();
 },

导航

uni.navigateTo

uni.redirectTo

uni.reLaunch

uni.switchTab

uni.navigateBack

uni.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。

uni.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面。

uni.reLaunch 关闭所有页面,打开到应用内的某个页面。

uni.switchTab 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

uni.navigateBack 关闭当前页面,返回上一页面或多级页面

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/5837

原生JS实现下拉刷新 全局

实现的原理是通过获取①获取滚动条当前的位置②获取当前可视范围的高度 ③获取文档完整的高度 ;(一)获取滚动条当前的位置 ;(二)获取当前可视范围的高度

小程序swiper下拉判断是否拉到底部

swiper没有这个功能:小程序竖向swiper滚动到底部,再往下拉判断到底的功能。 本妹子为了完成“下拉到底就弹框”的业务,想了下面的办法,给小伙伴们分享下。

微信h5页面下拉露出网页来源的解决办法

微信h5页面下拉露出网页来源的解决办法:将document的touchmove事件禁止掉,备注:要加上 passive: false,不然会出现以下报错

移动端禁止下拉 露出网址或广告

移动端禁止下拉 露出网址或广告;目前自测安卓 微信内、uc、小米浏览器 效果都不错。

floating-vue:Vue官方推荐的弹层组件,轻松实现Tooltip和下拉菜单

在Vue应用开发中,我们经常需要实现提示框、下拉菜单、弹出层这样的交互效果。以前要实现这些功能很麻烦,需要自己处理定位、动画、边缘检测等问题。现在有了floating-vue,这些问题都变得简单了。

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!