uni-app监听页面后退修改上一页数据信息
uni-app
2019-09-26 14:29:17
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)属性表:
参数 | 类型 | 必填 | 默认值 | 说明 | 平台差异说明 |
---|---|---|---|---|---|
delta | Number | 否 | 1 | 返回的页面数,如果 delta 大于现有页面数,则返回到首页。 | |
animationType | String | 否 | pop-out | 窗口关闭的动画效果,详见:窗口动画 | 5+App |
animationDuration | Number | 否 | 300 | 窗口关闭动画的持续时间,单位为 ms | 5+App |
注:代码亲测可以正常运行!
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
880篇文章
7423人已阅读