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)
	//调用请求接口方法
	....
}
相关推荐
MY_TEUCK12 小时前
【AI开发】从0到1写一个uni-app Vue3 小程序开发的Skill:用法、流程与踩坑复盘
人工智能·uni-app
雪芽蓝域zzs13 小时前
uni-app x uts类转换
uni-app
游戏开发爱好者814 小时前
深入理解iOSTime Profiler:提升iOS应用性能的关键工具
android·ios·小程序·https·uni-app·iphone·webview
gskyi14 小时前
UniApp Vue3 数据透传终极指南
javascript·vue.js·uni-app
gskyi14 小时前
uni-app 高阶实战:onLoad与getCurrentPages深度技巧
前端·javascript·vue.js·uni-app
阿奇__1 天前
uniapp支付宝 H5 开发踩坑,hash模式下取参要规范!
开发语言·uni-app
云起SAAS1 天前
小智笔记APP源码 | 8大广告联盟聚合(穿山甲/优量汇/快手/百度) | 应用市场过审极速版 | uni-app全栈商用项目
笔记·uni-app·广告联盟·笔记app
蹦哒2 天前
UniApp 原生插件开发完整指南
uni-app
a_Ichuan2 天前
在HBuilderX创建的uniapp项目中使用unocss
前端·uni-app
web前端神器2 天前
记录uniapp小程序的报错
小程序·uni-app·apache