前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uni-app下拉刷新加载刷新数据

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

作者头像
达达前端
发布2019-10-14 16:14:01
7.3K0
发布2019-10-14 16:14:01
举报
文章被收录于专栏:达达前端达达前端达达前端

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、振动

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.10.12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • uni.navigateTo(OBJECT)
  • uni.redirectTo(OBJECT)
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档