当前位置: 首页 > 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.lryc.cn/news/547698.html

相关文章:

  • 综合使用pandas、numpy、matplotlib、seaborn库做数据分析、挖掘、可视化项目
  • docker中kibana启动后,通过浏览器访问,出现server is not ready yet
  • 十、Redis 主从复制:原理解析、配置实践与优化策略
  • 使用JMeter(组件详细介绍+使用方式及步骤)
  • lamp平台的应用
  • 蓝桥杯4T平台(串口打印电压值)
  • 使用ASIWebPageRequest库编写Objective-C下载器程序
  • 代码随想录算法训练营 | 图论 | 孤岛总面积、沉没孤岛
  • 迷你世界脚本出生点接口:Spawnport
  • 双链路提升网络传输的可靠性扩展可用带宽
  • Pytest测试用例执行跳过的3种方式
  • 【蓝桥杯】每天一题,理解逻辑(3/90)【Leetcode 快乐数】
  • 深度学习Save Best、Early Stop
  • 数据库与存储优化
  • Android15请求动态申请存储权限完整示例
  • C/C++蓝桥杯算法真题打卡(Day3)
  • 【数据结构与算法】Java描述:第二节:LinkedList 链表
  • LLM run
  • k8s面试题总结(十)
  • android中activity1和activity2中接收定时消息
  • Non-Homophilic Graph Pre-Training and Prompt Learning
  • Ollama 框架本地部署教程:开源定制,为AI 项目打造专属解决方案!
  • unittest框架 核心知识的系统复习及与pytest的对比
  • vue面试宝典之二
  • ESLint 深度解析:原理、规则与插件开发实践
  • 洛谷P1091
  • 随机树算法 自动驾驶汽车的路径规划 静态障碍物(Matlab)
  • 江科大51单片机笔记【9】DS1302时钟可调时钟(下)
  • ssm_mysql_暖心家装平台
  • 一周学会Flask3 Python Web开发-SQLAlchemy简介及安装