uniapp+<script setup lang=“ts“>使用 uni.$emit和uni.$on全局传递数据

注意:

在A页面直接使用 uni.emit('changeCategoryKey', childCategory)传递,在B页面使用 uni.on('changeCategoryKey', (val) => {console.log(val, '取值');});只在组件传递有效,页面跳转后是无效的

跳转页面使用的传递数据的方法如下:

A页面传递传递:

复制代码
const goVisitList = (childCategory, type) => {
    uni.$on('sendCategoryKey', () => {
        uni.$emit('changeCategoryKey', childCategory);
    });
    uni.navigateTo({
        url: `/sub-pages/goods/visit-list/index?categoryType=${categoryKey}`,
    });
};

接收:

复制代码
onLoad(() => {
    uni.$on('changeCategoryKey', (val) => {
        console.log(val, '取值');
    });
    uni.$emit('sendCategoryKey');
});
相关推荐
程知农9 小时前
uniapp_微信小程序_根据胶囊按钮计算出的导航栏高度为什么不是44px?
微信小程序·小程序·uni-app
2501_9159090612 小时前
iOS 加固工具实战解析,主流平台审核机制与工具应对策略
android·ios·小程序·https·uni-app·iphone·webview
The_era_achievs_hero12 小时前
UniappDay04
vue.js·微信小程序·uni-app
2501_9151063214 小时前
iOS WebView 调试实战,第三方脚本加载失败与内容安全策略冲突问题排查指南
android·ios·小程序·https·uni-app·iphone·webview
paopaokaka_luck19 小时前
基于SpringBoot+Uniapp的健身饮食小程序(协同过滤算法、地图组件)
前端·javascript·vue.js·spring boot·后端·小程序·uni-app
前端程序猿-秦祥19 小时前
uniapp拦截返回事件
uni-app
雪芽蓝域zzs1 天前
uniapp input 如何只读禁用输入可点击
uni-app
xw51 天前
uni-app项目跑APP报useStore报错
前端·uni-app
!win !1 天前
uni-app项目跑APP报useStore报错
前端·uni-app
iOS阿玮1 天前
为什么独立开发者都在AppStore而不去安卓市场?
uni-app·app·apple