当前位置: 首页 > article >正文

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');
});

 

 


http://www.kler.cn/a/577288.html

相关文章:

  • Ubuntu系统安装Minikube教程
  • C# Excel开源操作库MiniExcel使用教程
  • 揭开AI-OPS 的神秘面纱 第三讲(下)数据平台层技术架构与组件选型分析
  • 计算机网络——交换机实验(模拟)
  • 大白话html语义化标签优势与应用场景
  • 【Axure高保真原型】多选树筛选表格
  • 【基础知识】回头看Maven基础
  • DeepSeek使用教程--让DeepSeek生成精准题库
  • SQL经典查询
  • DeepSeek R1大语言模型实战工作坊02:deepseek发展演进
  • C++学习(十)(标准,C++11 和 C++14,C++17,C++20)
  • 基于Spring Boot + Vue的图书个性化推荐系统(LW+PPT)
  • Pandas使用笔记
  • 【Go学习实战】03-2-博客查询及登录
  • Docker基础篇——Ubuntu下Docker安装
  • function uuid_generate_v4()不存在(二)
  • Vue3实战学习(IDEA中打开、启动与搭建Vue3工程极简脚手架教程(2025超详细教程)、Windows系统命令行启动Vue3工程)(2)
  • Computational Linguistics期刊全解析:领域顶刊的投稿指南与学术价值
  • 最长递增子序列--蓝桥oj3046拍照
  • Python爬虫:爬虫基础知识