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

uni-app如何接收uni.$emit()里面传递的内容

方法一:

如果子组件使用跳转的方法

const navigateToRegion=()=>{
        uni.navigateTo({
            url: '/pagesD/components/selpow/selpow'
        });
        
    }

中/pagesD/components/selpow/selpow传递uni.$emit('selectedLabels', checkedKeys.value); 如何接收?

<script setup lang="ts">
import { ref, onMounted,onUnmounted } from 'vue';

const handleBack = () => {
  uni.navigateBack();
};

const navigateToRegion = () => {
  uni.navigateTo({
    url: '/pagesD/components/selpow/selpow'
  });
};

// 监听selectedLabels事件
const onSelectedLabels = (labels) => {
  console.log('Received labels:', labels);
};

onMounted(() => {
  // 监听全局事件
  uni.$on('selectedLabels', onSelectedLabels);
});

// 组件卸载时,移除事件监听
onUnmounted(() => {
  uni.$off('selectedLabels', onSelectedLabels);
});
</script>


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

相关文章:

  • 《C++11》深入剖析正则表达式库:解锁文本处理的高效之道
  • 【AIGC】SYNCAMMASTER:多视角多像机的视频生成
  • apache-skywalking-apm-10.1.0使用
  • 二手车交易系统的设计与实现(代码+数据库+LW)
  • 【Linux】进程状态
  • 逻辑测试题
  • 【AI试衣整合包及教程】CatVTON带你进入AI换装新时代
  • SpringBoot实现 License 认证(只校验有效期)
  • 三维测量与建模笔记 - 2.1 坐标转换基础
  • 一款强大的开源OCR工具,支持90+语言识别
  • vmware运维技巧总结
  • 倪师学习笔记-天纪-易经八卦
  • Axure设计之多级菜单导航教程(中继器)
  • 好用的idea插件之自动sql生成
  • 详细指南:解决Garmin 手表无法与电脑连接的问题
  • 15分钟学 Go 第 25 天:使用WaitGroup
  • 【计网】UDP Echo Server与Client实战:从零开始构建简单通信回显程序
  • 探索Konko AI:快速集成大语言模型的最佳实践
  • Pr 视频效果:闪光灯
  • CodeQL学习笔记(2)-QL语法(递归)
  • 【亲测】mini版centos7.9配置网络基础ssh等直接使用
  • STM32外设应用
  • 2024性价比家居好物有哪些?推荐五款值得每个家庭拥有的好物品牌!
  • 【UE5.3 Cesium for Unreal】编译GlobePawn
  • WPF+MVVM案例实战(十)- 水波纹按钮实现与控件封装
  • 【微服务】Feign 远程调用