uni返回上一级页面，并且刷新

最新推荐文章于 2024-01-14 11:30:29 发布

念了半位旧人

最新推荐文章于 2024-01-14 11:30:29 发布

阅读量332

点赞数

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/armof/article/details/129766232

版权

1.在返回页面

	let pages = getCurrentPages();
				uni.navigateBack({
					detale:1,
					success() {
						//pages.length-1 即最后一个为当前页，所以取当前页面的上一级
						pages[pages.length-2].$vm.reloadList();
					}
				})```
2.在上一级页面

reloadList(){
			//刷新列表的方式
		},

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

念了半位旧人

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
uni返回上一级页面，并且刷新

【代码】uni返回上一级页面，并且刷新。
复制链接

扫一扫

Uniapp示例:返回并刷新上一页

12-11

此文件为Uniapp示例源码,主要功能为演示如何返回上一页面并重载上一页面的数据.如果对你有用,关注并支持作者.

uniapp 返回上一页并刷新

m0_65730686的博客

11-01

2129

uniapp 返回上一页并刷新

1 条评论您还未登录，请先登录后发表或查看评论

uniapp返回上一页并刷新数据

最新发布

qq_44747508的博客

01-14

1058

uniapp返回上一页并刷新数据

uni-app 自带返回方法onBackPress，返回上一级并且刷新页面内容获取最新的数据

m0_49714202的博客

11-30

3635

uni-app 自带返回方法onBackPress，返回上一级并且刷新页面内容获取最新的数据

uni-app navigateBack返回上一个页面并进行页面刷新

weixin_40745445的博客

06-08

2269

【代码】uni-app navigateBack返回上一个页面并进行页面刷新。

uniapp 返回上一页动态刷新数据

weixin_40918145的博客

06-03

6101

1、在A页面设置 onShow() { var pages = getCurrentPages(); // 获取当前页面栈 var curPage = pages[pages.length - 1]; // 当前页面 if(curPage.data.init){ curPage.data.init = false; this.init() // A页面 method中的方法，用来刷新页面A } }, 2、在B页面设置 var pages = getCurrentPages()

uniapp、vue返回上一个页面并刷新（调用上一个页面的方法）

qq_35946021的博客

05-17

2732

在当前页面（A页面）查看列表，在A页面点击发布跳转到表单页（B页面）。B页面提交成功返回上一页A，要判断如果发布成功，返回到A页面得拿到最新数据（相当于要监听返回到A页面时得刷新数据了）使用onshow的生命周期，但是这个有个缺点，就是因为A页面是有下拉刷新的功能，如果在onshow调用的话，当用户下拉，onshow里的方法会被调用1次。使用getCurrentPages方法拿到上一页的内容。当在B页面返回时调用A页面的getlist()方法。B页面编辑成功后调用上一个页面方法。

5种uni-app 页面下拉刷新方法-源码示例.zip

01-31

5种uni-app 页面下拉刷新方法-源码示例

vue在App.vue文件中监听路由变化刷新页面操作

10-14

主要介绍了vue在App.vue文件中监听路由变化刷新页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

基于UNI-APP的仿转转二手市场APP页面模板

02-23

基于UNI-APP的仿转转二手市场APP页面模板

uni-app 封装一个顶部选项卡组件

04-24

uni-app 封装一个顶部选项卡组件

uniapp使用navigateBack方法返回上级页面并刷新

热门推荐

weixin_48888726的博客

11-10

1万+

uniapp使用navigateBack方法返回上级页面并刷新

uniapp：返回上页刷新的方式，常用于详情返回列表

weixin_58791464的博客

11-04

1万+

uniapp：返回上一页刷新页面

vue/uniapp - 返回上一页并onLoad/onShow刷新数据列表接口

m0_49714202的博客

12-13

1289

vue/uniapp - 返回上一页并onLoad/onShow刷新数据列表接口

uniapp返回上一页刷新数据

qq_43427657的博客

07-07

175

【代码】uniapp返回上一页刷新数据。

uni-app:navigateBack返回上一页（含参数传递）

weixin_46001736的博客

07-21

5851

uni-app:navigateBack返回上一页

uniapp 返回到上一个页面更新数据

weixin_56127412的博客

05-24

1944

业务逻辑：从A.vue页面跳转到B.vue页面，在B.vue填写了值并保存返回到A.vue页面，但是A.vue页面的值也要同步更新。解决方法：第一种以前使用uni.redirectTo({ })方法来返回跳转到A.vue页面，然后在A.vue页面的onShow（）声明周期里重新发送请求这个方法的体验不是很好，但是也不是不可以这样做第二种：使用getCurrentPages() 在返回A页面之前加上以下这段代码，就可以修改上一个页面（A.vue页面）的值代码： let pag

uni.navigateBack 返回上一页刷新上一页数据调用接口

YUlangML的博客

04-26

5849

//页代码 onShow() { this.getListData(true);//调接口 }, //接口 async getListData(show) { this.isLoading = true; //11111111111111111111111111111111111111111111111111111 //重置数据不然不显示这是关键 if(show){ this.listData = [] this.

uni.navigateBack返回后如何实现刷新页面

06-09

在uni-app中，可以通过监听页面生命周期函数onShow来实现页面刷新。当使用uni.navigateBack返回到页面时，onShow函数会被调用。具体实现方法如下： 1. 在需要刷新的页面的script标签中，添加onShow生命周期函数。 ``` <script> export default { onShow() { // 在onShow函数中进行数据刷新操作 console.log('页面刷新了') } } </script> ``` 2. 在返回到该页面的页面中，使用uni.navigateBack方法，并在success回调函数中触发该页面的onShow函数。 ``` uni.navigateBack({ delta: 1, // 返回的页面数，如果是1，表示返回上一级页面 success() { const pages = getCurrentPages() const prevPage = pages[pages.length - 2] prevPage.onShow() // 触发上一页的onShow函数 } }) ``` 这样就可以通过uni.navigateBack返回后实现页面的刷新了。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交