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');
});
相关推荐
盛夏绽放2 小时前
uni-app中获取用户实时位置完整指南:解决权限报错问题
uni-app·notepad++
xixixin_2 小时前
【uniapp】vue2 搜索文字高亮显示
java·服务器·前端·uni-app·交互·文字高亮
一夜枫林8 小时前
uniapp自定义拖拽排列
前端·javascript·uni-app
良艺呐^O^9 小时前
uniapp实现app自动更新
开发语言·javascript·uni-app
thigh_d21 小时前
uniapp 安卓离线本地打包,Android Studio生成apk包
android·uni-app·android studio
珎珎啊21 小时前
uniapp+vue3移动端实现输入验证码
前端·javascript·uni-app
前端无涯21 小时前
uniapp跨平台开发---switchTab:fail page `/undefined` is not found
uni-app
老李不敲代码21 小时前
榕壹云预约咨询系统:基于ThinkPHP+MySQL+UniApp打造的灵活预约小程序解决方案
mysql·微信小程序·小程序·uni-app·php
fakaifa1 天前
【最新版】西陆健身系统源码全开源+uniapp前端
前端·小程序·uni-app·开源·php·约课小程序·健身小程序
七七小报1 天前
uniapp-商城-34-shop 购物车 选好了 进行订单确认
uni-app