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)
	//调用请求接口方法
	....
}
相关推荐
专科3年的修炼1 天前
uni-app移动应用开发第四章
开发语言·javascript·uni-app
q5507071771 天前
uniapp/uniappx实现原生图片编辑涂鸦、贴图、滤镜、旋转、裁剪等
uni-app
计算机学姐2 天前
基于微信小程序的校园失物招领管理系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·信息可视化·微信小程序·uni-app
2501_915921432 天前
HTTPS前端劫持 新一代流量劫持解决方案
前端·网络协议·ios·小程序·https·uni-app·iphone
爱怪笑的小杰杰2 天前
优化 UniApp 日历组件的多语言切换:告别 setLocale 引起的 App 重启
java·前端·uni-app
计算机学姐2 天前
基于微信小程序的宠物服务系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·微信小程序·uni-app·宠物
2501_915909062 天前
iOS应用签名的三种方法全解析:从官方到第三方工具
android·ios·小程序·https·uni-app·iphone·webview
心中无石马3 天前
uniapp引入tailwindcss4.x
前端·css·uni-app
fix一个write十个3 天前
【uniApp开发】微信小程序 web-view 内嵌 H5 跳转支付踩坑实录
微信小程序·uni-app
wuxianda10303 天前
苹果App上架4.3a被拒解决方案汇报总结
ios·uni-app·objective-c·cocoa·苹果上架·4.3a