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

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.dtcms.com/a/58220.html

相关文章:

  • 蓝桥杯备考:倍增算法详解
  • 深度学习模型组件之优化器-自适应学习率优化方法(Adagrad、RMSprop)
  • Windows CMD 命令大全(综合开发整理版)
  • 【Python 数据结构 8.串】
  • Mysql的行级锁到底锁住了哪些行
  • Windows 图形显示驱动开发-WDDM 3.2-本机 GPU 围栏对象(七)
  • 初阶数据结构(C语言实现)——4.1栈
  • blender学习25.3.8
  • 【Java学习笔记】三、运算符,表达式、分支语句和循环语句
  • 为什么js小数相加,会产生精度缺失的问题,怎么解决?
  • 模拟调制技术详解
  • 前后端数据加密传输【最佳方案】
  • 如何结合NLP(自然语言处理)技术提升OCR系统的语义理解和上下文感知能力?
  • Docker Engine 配置指南
  • 【高级篇】大疆Pocket 3加ENC编码器实现无线RTMP转HDMI进导播台
  • 《白帽子讲 Web 安全》之身份认证
  • 一篇文章讲解清楚ARM9芯片启动流程
  • 网络版汉译英服务(muduo)
  • HJ C++11 Day2
  • ControlNet
  • 多模式数据库如何向现代数据管理变革
  • 神经网络|(十四)|霍普菲尔德神经网络-Hebbian训练
  • 安装anaconda在cmd中找不到安装版本
  • 蓝桥杯备赛攻略(怒刷5个月拿省一)
  • 2025最新Postman、Apipost和Apifox API 协议与工具选择方案解析
  • LeetCodeHot100
  • C/S架构与B/S架构
  • 聚簇索引 VS 非聚簇索引
  • 爬虫案例八js逆向爬取网易音乐
  • 考研数一非数竞赛复习之Stolz定理求解数列极限