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

Posted 程序员哆啦A梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app下拉刷新加载刷新数据相关的知识,希望对你有一定的参考价值。

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
关闭当前页面,返回上一页面或多级页面

设置导航条
uni.setNavigationBarTitle
uni.showNavigationBarLoading
uni.hideNavigationBarLoading
uni.setNavigationBarColor

uni.showToast
uni.showLoading
uni.hideToast
uni.hideLoading
uni.showModal
uni.showActionSheet
https://uniapp.dcloud.io/api/system/info

1、系统信息

2、网络状态

3、加速度计

4、拨打电话

5、剪贴板

6、屏幕亮度

7、振动


若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。


请点赞!因为你们的赞同/鼓励是我写作的最大动力!

欢迎关注达达的简书!

这是一个有质量,有态度的博客

博客

以上是关于uni-app下拉刷新加载刷新数据的主要内容,如果未能解决你的问题,请参考以下文章

Uni-app基础实战上加载新下拉刷新 WordPress rest api实例

uni-app 小程序实现下拉刷新

uni-app实现下拉刷新

uni-app 中如何实现上滑分页和下拉刷新

----uni-app之动态开启下拉刷新----

uniapp APP下使用list组件的下拉刷新和触底加载