uni-app监听页面后退修改上一页数据信息

uni-app监听页面返回操作,并修改返回后的页面数据!

返回后的页面初始数据为:

return {
list:[
{id:0,name:"六月"}
]
}

点击按钮进行页面后退并修改后退后页面的数据:

let List = [
    {id:0,name:"六月初博客站"}
]
let pages = getCurrentPages(); //获取所有页面栈实例列表
let nowPage = pages[pages.length - 1]; //当前页页面实例
let prevPage = pages[pages.length - 2]; //上一页页面实例
prevPage.$vm.list = List; //修改上一页data里面的searchVal参数值为1211
uni.navigateBack({ //uni.navigateTo跳转的返回,默认1为返回上一级
delta: 1
});

最终你会发现返回后页面中之前的name会由“六月”更改为“六月初博客站”。

关键点解析:

getCurrentPages()函数用于获取当前页面栈的实例 !

uni.navigateBack(OBJECT)属性表:

参数类型必填默认值说明平台差异说明
deltaNumber1返回的页面数,如果 delta 大于现有页面数,则返回到首页。
animationTypeStringpop-out窗口关闭的动画效果,详见:窗口动画5+App
animationDurationNumber300窗口关闭动画的持续时间,单位为 ms5+App

注:代码亲测可以正常运行!

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!