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>
相关推荐
yy.y--2 分钟前
Java线程实现浏览器实时时钟
java·linux·开发语言·前端·python
Dontla8 分钟前
Python Streamlit介绍(开源Python Web应用框架,快速将Python脚本转换成交互式Web应用,适合数据科学和机器学习项目快速展示)
前端·python·开源
少云清27 分钟前
【UI自动化测试】12_web自动化测试 _验证码处理和cookie
前端·python·web自动化测试
linux_cfan1 小时前
2026版 WordPress 视频插件终极选型:知识付费创作者如何低成本打造专业在线课堂?
前端·javascript·音视频·html5
pas1361 小时前
46-mini-vue 实现编译 template 为 render 函数
前端·javascript·vue.js
木斯佳1 小时前
前端八股文面经大全:京东零售前端实习一面(2026-1-20)·面经深度解析
前端·状态模式·零售
zheshiyangyang2 小时前
前端面试基础知识整理【Day-8】
前端·面试·职场和发展
a1117762 小时前
优雅简历(html开源)
前端·开源·html
Cache技术分享2 小时前
330. Java Stream API - 处理 Optional 对象:像流一样优雅地使用 Optional
前端·后端
感性的程序员小王2 小时前
别再手撸架构图了!我写了个 AI 工具,把 Spring Boot 代码一键变成 Draw.io 流程图
前端·后端