修改上一页面参数

一点点。。

已于 2022-07-08 13:57:29 修改

阅读量1.2k

点赞数

文章标签： vue

于 2022-07-08 13:50:04 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44360851/article/details/125676868

版权

本文介绍如何在uni-app应用中利用getCurrentPages()函数实现子页面返回时自动判断是否刷新上一页，通过修改isRefresh属性来控制数据接口的调用。重点讲解了在onShow钩子中检查isRefresh值以及在详情页操作后更新状态的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面

let pages = getCurrentPages(); //获取所有页面栈实例列表
let nowPage = pages[pages.length - 1]; //当前页
let prevPage = pages[pages.length - 2]; //上一页
prevPage.$vm.isRefresh = true; //修改上一页data里面的isRefresh

应用：uni子页面返回是否刷新上一页

在要刷新的列表页中新增参数isRefresh: false,默认不刷新在onshow中判断

onShow() {
	if(this.isRefresh){
        // 调数据接口
		this.getInitData()
	}
},

在详情页做操作后修改isRefresh

// 刷新上一个页面
let pages = getCurrentPages(); //获取所有页面栈实例列表
let nowPage = pages[pages.length - 1]; //当前页
let prevPage = pages[pages.length - 2]; //上一页
prevPage.$vm.isRefresh = true; //修改上一页data里面的isRefresh