应用场景描述
预先准备两个页面:A页面、B页面;
交互设计:在A页面中,通过 navigateTo 跳转到B页面实现登录功能登录,登录成功后,使用navigateBack返回到A页面,这时可在A页面可以监听到是从B页面回来,根据监听到的参数可以对A页面进行相应的登录状态更新。
伪代码(以小程序为例,在uni-app中同样适用)
// Page A:
wx.navigateTo({
url: '/pages/B',
events: {
backFn: (backParams) => {
// TODO
console.log(backParams)
}
}
})
// Page B:
const eventChannel = this.getOpenerEventChannel();
const params = {};
wx.navigateBack({
complete: () => {
eventChannel.emit('backFn',params)
}
})
上面我只是提供解决问题的思路,也可能您的页面交互设计不同,不过基于此,再结合官方文档,应该又可以解决。
如果还有疑问,欢迎留言沟通~~
🔥BuildAdmin是一个永久免费开源,无需授权即可商业使用,且使用了流行技术栈快速创建商业级后台管理系统。