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');
});
相关推荐
zy happy2 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
2501_915918415 小时前
HTTP抓包工具推荐,Fiddler使用教程、代理设置与调试技巧详解(含HTTPS配置与实战案例)
http·ios·小程序·https·fiddler·uni-app·webview
七个昵称6 小时前
H5扫描识别条形码
uni-app
QuantumLeap丶7 小时前
《uni-app跨平台开发完全指南》- 03 - Vue.js基础入门
前端·vue.js·uni-app
你算哪颗溜溜梅10 小时前
uni.scanCode vs MpaasScan:支付宝扫码识别赢麻了,保姆级教程来咯~
javascript·uni-app
不爱说话郭德纲12 小时前
UniappX不会运行到鸿蒙?超超超保姆级鸿蒙开发生成证书以及配置证书步骤
前端·uni-app·harmonyos
2501_9159214313 小时前
iOS 虚拟位置设置实战,多工具协同打造精准调试与场景模拟环境
android·ios·小程序·https·uni-app·iphone·webview
2501_9160088914 小时前
App 上架需要什么?从开发者账号到开心上架(Appuploader)免 Mac 上传的完整流程指南
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
一个假的前端男1 天前
uniapp vue2 三端瀑布流
前端·javascript·uni-app
kilito_011 天前
uniapp主包使用子包的图片 真机会显示不出来
uni-app