Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >uni-app下拉刷新加载刷新数据

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

作者头像
达达前端
发布于 2019-10-14 08:14:01
发布于 2019-10-14 08:14:01
7.4K00
代码可运行
举报
文章被收录于专栏:达达前端达达前端
运行总次数:0
代码可运行

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
"globalStyle": {
}

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

uni.startPullDownRefresh(OBJECT)

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

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

page.json 开启下拉刷新

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
 "pages": [
  {
   "path": "pages/index/index",
   "style": {
    "navigationBarTitleText": "hi uni",
    "enablePullDownRefresh": true
   }
  }, 

index.vue

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
uni-app页面跳转的区别uni.navigateTo和uni.redirectTo
作者已经封装了更好用的XTools快去支持一下吧:XTools如何使用 有什么不明白可以联系QQ:1647161294 uni-app 页面跳转 主要有下面5个方法完成,分别如下: (1)uni.n
田小檬
2023/08/24
9700
uni-app小程序开发-页面跳转及传值
示例:uni.redirectTo({ url: '/pages/login/login' })
码客说
2024/07/04
3940
uniapp教程之导航路由
一、uniapp的页面首先由pages.json定义,每个页面都必须先定义好 { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app" } } } 二、api uni.navigateTo 保留当前页面,跳转到应用内的某个页面 页面跳转有层级限制,小程序为十
老雷PHP全栈开发
2020/07/02
1.4K0
uni-app基础 1.3.2-路由跳转和页面通讯
路由跳转和页面通讯 点击查看视频教程跳到b站 课程文档地址 注意区别 练习配置 在pages.json下配置一个tarBar "tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "index" }, { "pagePath": "pages/one/one", "text": "one" }] } uni.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面 un
代码哈士奇
2022/04/13
3250
uni-app 快速上手指南
官方有自己的 HbuilderX 实际上开发效率非常高,并且可以集成很多开发环境和插件来使用,但是由于开发习惯的原因,以及出生(软狗的骄傲),还是使用Visual Studio Code 来作为开发环境,但是由于 uni-app 的编译调试依赖 HbuilderX,因此这里的解决方法是:
李郑
2019/12/04
1K0
uni-app移动端开发技巧总结
pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、**底部的原生tabbar **等。
害恶细君
2022/11/22
3K0
uni-app跳转网页,这种方式有个最大好处,你知道吗?
保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
大风写全栈
2024/11/07
1.3K0
uni-app跳转网页,这种方式有个最大好处,你知道吗?
uni-app开发微信小程序和h5应用
最近,有个需求需要开发H5应用和微信小程序。如果针对不同的平台开发自己的一套代码,那将是一件很糟糕的事情:如果下次需要兼容支付宝小程序、快应用,那工作量随着平台的添加而快速增加。所以我们选择了uni-app开发。
Jimmy_is_jimmy
2022/03/10
1.3K0
uni-app开发微信小程序和h5应用
uniapp 路由与页面跳转
uni.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
达达前端
2020/06/16
2.6K0
uni-app处理路由拦截
自己想的 大佬勿喷 未经允许,禁止转载 我的想法是再次封装uni.navigateTo()等跳转函数 const navigateTo = (params) => { let token
代码哈士奇
2021/10/25
2.1K0
【UniApp】-uni-app-路由
然后在配置一下,微信小程序的 AppId,直接去之前的项目中拷贝一下即可,找到之前项目的 manifest.json 文件,然后选择微信小程序配置,复制一下即可。
程序员 NEO
2023/12/13
3720
【UniApp】-uni-app-路由
uniapp 返回上一级页面并触发指定方法
当前有三个页面: 个人中心(pages/user/index)、个人信息(pages/user/info)、修改姓名(pages/user/name)
很酷的站长
2022/12/04
4K0
uniapp 返回上一级页面并触发指定方法
微信小程序面试
如何实现下拉刷新 app.json或者页面的json中配置enablePullDownRefresh为true 使用onPullDownRefresh 函数,该函数在下拉刷新时执行 调用 wx.stopPullDownRefresh 停止下拉刷新的状态
达达前端
2019/08/01
6600
uni-app 与 Vue H5 项目通讯
可以内嵌在移动端,实现前端的混合式开发,大多数混合式开发框架都是基于WebView模式进行二次开发的。比如:APIcloud、uni-app等等的框架。
游魂
2020/10/26
2.3K0
uni-app 与 Vue H5 项目通讯
uniapp 数据统计,数据埋点,自定义事件埋点封装
本博文实现了uniapp的数据统计埋点的封装,可以自动统计页面的PV, UV,页面停留时长,不需要在每个页面的生命周期写统计(tabBar 的页面除外,tabBar 页面需要添加自定义事件)
IT工作者
2022/05/16
2.9K0
实践分享:怎样用好uni-app开发小程序?
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。
极乐君
2020/11/19
2.9K0
实践分享:怎样用好uni-app开发小程序?
uni-app学习笔记-页面跳转和传参问题(六)
在登录界面,输入用户名和密码,输入成功之后,会登录进我们的项目里面,现在来实现一下,登录到导航tab页面和普通页面。
王小婷
2019/12/16
5.8K0
uni-app学习笔记-页面跳转和传参问题(六)
『uni-app』web-view 大量数据通信
该组件是一个浏览器组件,可以承载网页的内容。而且该组件是全屏的,会覆盖该组件之外的其他内容。
德育处主任
2022/09/23
1.2K0
『uni-app』web-view 大量数据通信
微信小程序——轮播图、组件传值、下拉刷新、导航 实战开发
滑块视图容器。其中只可放置swiper-item组件,否则会导致未定义的行为。 属性表如下
wsuo
2020/09/22
1.6K0
uni-app 组件
view scroll-view swiper text rich-text progress
达达前端
2019/10/14
9950
相关推荐
uni-app页面跳转的区别uni.navigateTo和uni.redirectTo
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文