uni-app解决A页面调用方法后,自动触发B页面的方法

项目场景:

tabbarA页面,触发一个点击事件,需要tabbarB页面自动触发请求接口的方法


问题描述

tabbar A页面触发一个点击事件后, tabbarB页面在onload钩子函数中去请求接口,只有tabbarB页面首次打开时会触发onload钩子函数请求接口,再次跳转tabbarB页面不触发onload钩子函数,onshow中请求接口又太过于频繁

解决方案:

Tabbar A页面

javascript 复制代码
//在点击事件后
uni.$emit('orderUpdate', {msg:'A页面点击了'})

Tabbar B页面

javascript 复制代码
onload(){
	//首页接单后 更新order 请求接口
	uni.$on('orderUpdate', (data) => {
	console.log('tabbar B页面需更新',data)
	//调用请求接口方法
	....
}
相关推荐
他叫自己MR张11 小时前
uni-app 应用启动报uni-ad业务状态异常(-9002)【已解决】
uni-app
2501_9159090612 小时前
iOS应用性能监控 Instruments工具与崩溃日志分析完整指南
android·ios·小程序·https·uni-app·iphone·webview
2501_915918411 天前
详解iOS App上架至App Store的全流程步骤与注意事项
android·macos·ios·小程序·uni-app·cocoa·iphone
anyup1 天前
终于在今天入选了 Gitee GVP,这真值得庆祝~
前端·uni-app·开源
虚惊一场1 天前
撤销为什么只需要 pop:用事件重放实现离线台球计分
微信小程序·uni-app
虚惊一场1 天前
从一个小程序到一座工具箱:uni-app 分包与 Flask 微服务实践
微信小程序·uni-app
Cry丶2 天前
【已解决】adb devices 能识别手机,但 HBuilderX 搜索不到设备的避坑指南
android·adb·uni-app·hbuilderx·真机调试
清风programmer2 天前
H5与小程序通信
前端·vue.js·uni-app
2501_915918414 天前
深入对比iOS开发中常用性能监控工具的底层原理与优缺点分析
android·ios·小程序·https·uni-app·iphone·webview
AI多Agent协作实战派4 天前
AI多Agent协作系统实战(二十三):Agent读HEARTBEAT.md不读AGENTS.md——openclaw的文件加载之谜
前端·数据库·人工智能·uni-app