uniapp返回上一级选择性刷新数据，不重新加载页面

最新推荐文章于 2024-04-18 09:35:46 发布
最新推荐文章于 2024-04-18 09:35:46 发布
阅读量3.1k 收藏 7
点赞数 4
分类专栏： uniapp 文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhiyuan1208/article/details/119797022
版权

在我们使用uniapp返回上一级页面时用到uni.navigateBack(),但是无法进行页面刷新，重新刷新整个页面又不能满足我们大部分时间的需求，此时可以通过监听器的方式，在页面触发返回时监听到变化，同时修改我们需要重新获取的数据。

话不多说，直接上代码

1. 返回上一个页面

 2. 获取上一级页面并触发更新

 通过getCurrentPages() 获取页面栈

 3. wacth监听 refresh

简单来说就是通过监听器来触发我们需要修改的数据

keke 可乐
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Uniapp示例:返回并刷新上一页
12-11
此文件为Uniapp示例源码,主要功能为演示如何返回上一页面并重载上一页面的数据.如果对你有用,关注并支持作者.
uniapp navigateBack返回上一页携带参数
weixin_67420857的博客
09-06 980
在第一个页面的 onShow() 生命周期中监听返回的参数。在第二个页面中传递要传递的数据。
【uniapp】uniapp返回上一页，并实现刷新界面数据
最新发布
余浩的博客
04-18 895
在uniapp中，经常会有返回上一页的情况，官方提供有 uni.navigateBack 这个api来实现效果，但是此方法返回到上一页之后页面并不会自动刷新（不会触发上一页的onLoad()方法）。
uniapp使用navigateBack方法返回上级页面并刷新
Achong999的博客
05-06 2244
目前想出的方案是在回退之前修改上页判断条件,回退后重新获取判断条件在决定是否刷新。修改状态成功后,准备回退到上一页之前,将上一页的是否刷新参数值改为是的状态。需刷新:在第二页编辑后,上一页列表中与之对应的数据状态一起改变。分析:一般调用navigateBack返回上一页时有两种情况。需要在onshow钩子中获取判断条件。不需刷新:查看内容,状态未改变.
uniapp新闻列表-上拉刷新-下拉加载更多.zip
12-08
1、使用uniapp编写。 2、新闻列表。 3、上拉刷新。 4、下拉加载更多。 5、图片在左，文字在右。
uniapp返回上一级页面并刷新
qq_63026743的博客
09-01 2327
2. 在 新页面 点击确定 需要返回时使用 uni.navgateBack。uni.navigateTo(OBJECT) | uni-app官网。1. 在上个页面找到获取数据列表的函数。uniapp官方介绍。
uniapp微信小程序 页面返回使用navigateBack，返回后页面不刷新问题解决方案
Heartnottowake的博客
07-11 5421
2,组件之间的跳转，使用redirectTo,通过关闭当前页面，跳转到指定页面再加载，这种适合二级页面到三级页面数据不更新问题。on 进行调用，触发的钩子需要放在mounted生命周期里，组件内的onShow不会生效。3，当一级页面使用了某个组件，组件内跳转二级页面，返回也不会刷新数据。放在父组件，也就是请求数据的那个页面或者组件里，尝试了众多方法，比如vuex，本地缓存，都不行。可以使用onShow生命周期请求数据。1，如果是页面之间的跳转。
uniapp 自定义tabbar页面不刷新
Dj_Fairy的博客
10-12 1739
最近在做自定义tabbar时，每次切换页面都要刷新，页面渲染很慢，需要实现切换页面不刷新问题。1.pages.json中配置tabbar，如下,设置高度为0，界面只需要设置路径。结局思路，原生的tabbar切换页面时就不选新，用switchTab来跳转。3.在自定义tab页面中用switchTab跳转。2. app.vue中隐藏原生tabbar。
uniapp、小程序选择数据后携带数据返回上一页且不刷新页面
weixin_52941842的博客
11-09 4704
uniapp、小程序选择数据后携带数据返回上一页且不刷新页面
uniapp页面跳转不刷新问题
weixin_51411364的博客
03-27 2261
在B页面设置一个变量isOnShow为false，使用onHide生命周期，在进入C页面时将isOnShow设置为true，C页面修改完内容返回到B页面时使用onShow判断isOnShow为true请求最新数据。问题描述：此时有A,B,C三个页面，A页面跳转B页面带了一个参数id，B页面通过id请求数据，B页面使用uni.navigateTo跳转至C页面修改内容，修改完成后返回B页面则不会刷新B页面重新获取数据。保留当前页面，跳转到应用内的某个页面，使用。
uniapp 返回上一页带参数并不刷新页面 uni.$on, uni.$emit , getCurrentPages， redirectTo，navigateTo，navigateBack，选择地址，
AAAXiaoApple的博客
01-18 1441
【代码】uniapp 返回上一页带参数并不刷新页面。 解决 使用 uni.navigateTo ， uni.redirectTo 重新返回某一页面，点击左上角返回键，页面重复问题
uniapp基于z-paging实现页面下拉刷新、上拉加载，分页加载案例
11-19
uniapp基于z-paging实现页面下拉刷新、上拉加载，分页加载案例 仅可供学习研究
uniapp实现上拉刷新下拉加载
05-26
uniapp实现上拉刷新下拉加载，就搜索功能，接口数据还需自己模拟，博客的视频分类中有录屏效果，方便大家查看，在数据模拟中添加了三种状态，即可实现状态的更新与数据的操作，希望可以对大家有所帮助！！
微信小程序tabBar 返回tabBar不刷新页面
10-16
主要介绍了微信小程序tabBar 返回tabBar不刷新页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
解决uni-app uni.navigateBack 返回上一页刷新
weixin_44576057的博客
11-10 4841
网上看了很多解决思路，但都是针对父组件，返回上一页刷新子组件的案例很少，头疼了我一天，终于解决了，有两种思路，废话不多说，直接上代码 第一种（通过父组件的onShow来判断） //我就不写结构了，相信都看得懂 <Share :courseId='currentId' v-if="isResetMemberInfo"></Share> data() { return { isResetMemberInfo:true, } }, onShow() { //v-if是可以实现刷
uniapp小程序中的导航如何设置图片 自定义导航栏 +页面跳转+页面回退
ll123456789_的博客
06-14 6240
要让中的背景图片全屏，可以在标签中添加以下样式：page {在这个样式中，background-image属性设置背景图片的URL，background-size属性设置背景图片的尺寸，background-repeat属性设置是否重复背景图片，background-position属性设置背景图片的位置。通过设置background-size: cover;，让背景图片充满整个屏幕。注意，在设置背景图片之前，要确保在你的项目静态资源文件夹中有这个图片。
uniapp返回上一页，触发上一页的刷新
qq_41429765的博客
12-24 920
在当前页触发上一页的run值更新 tapPre(){ let pages=getCurrentPages();//页面栈 let prePage=pages[pages.length-2]//上一页 prePage.$vm.run=Math.random();//触发上一页监听器 uni.navgateBack();//返回上一页 } 在上一页监听reFresh值变化了则触发执行 data(){ return{ run...
【uni-app】返回上一页并刷新重载页面
可耐特
05-18 1万+
向上一个页面传递自定义数据. uni.navigateBack({ success: () => { let page = getCurrentPages().pop();//跳转页面成功之后 if (page) { let e = {}; page.onLoad(e);//执行上个页面的方法 }; } }) 重载上个页面的数据 uni.navigateBack({ success: () => { let page = ge
uni-app页面跳转以及传值
热门推荐
m0_55240753的博客
09-09 1万+
在uni-app中是没有路由这一说法的，想要跳转页面官方给出了以下集中方法： 一、通过配置pages.json里面的tabBar来实现，主要写法请参考官方文档： uni-app官方配置pages.json方法 二、通过官方给的组件navigator来实现跳转（类似a标签），主要样式如下 <navigator url="跳转地址" open-type="跳转方式"></navigator> 注意：在添加url地址时不要加.vue后缀 open-type的值主要有以下几..
uniapp返回上一页面并刷新页面重新根据接口获取数据
05-13
你可以使用uni-app提供的页面生命周期函数和uni.navigateTo()方法来实现返回上一页面并刷新页面重新根据接口获取数据的功能。 具体实现方法如下： 1. 在页面的onLoad()生命周期函数中，调用接口获取数据并将数据...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值