小程序页面返回刷新数据onLoad和onShow页面传参解决

2,712 阅读2分钟
原文链接: click.aliyun.com

小程序页面返回刷新数据onLoad和onShow页面传参解决

佀无极 2018-11-29 14:49:02 浏览39 评论0

摘要: A页面返回index页面刷新数据onLoad和onShow页面传参解决 三种场景一、index页面不需要识别不同入口二、有很多页面“跳转”到B页面,所以onLoad需要接收url传参,识别不同入口。在只有A页面是“返回”的情况,可以固定写法onShow加载this.

A页面返回index页面刷新数据onLoad和onShow页面传参解决

三种场景
一、index页面不需要识别不同入口
二、有很多页面“跳转”到B页面,所以onLoad需要接收url传参,识别不同入口。
在只有A页面是“返回”的情况,可以固定写法onShow加载this.onLoad({route:'a'})
三、如果有多页面“跳转”或“返回”index页面的情况,在需要返回的页面设置同名本地存储,index页面onShow获取本地存储来识别不同入口
index.js
第一种场景

onLoad: function(){
    
},
onShow: function(){
    this.onLoad();
}

第二种场景

onLoad: function(options){
    console.log(options.route);
},
onShow: function(){
    this.onLoad({route:'a'});
}

第三种场景

onLoad: function(options){
    console.log(options.route);
},
onShow: function(){
    this.onLoad({route: wx.getStorageSync('route')});
}
【云栖快讯】阿里云栖开发者沙龙(Java技术专场)火热来袭!快来报名参与吧!  详情请点击 评论 (0) 点赞 (0) 收藏 (0)
分享到:

相关文章

网友评论