【报Bug】uni.reLaunch跳转页面后uni.$emit失效无法监听

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 10

HBuilderX类型：正式

HBuilderX版本号： 3.8.11

手机系统： Android

手机系统版本号： Android 12

手机厂商：华为

手机机型：所有机型

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

第一个页面通过如下代码，跳转到第二个页面

var timer = setTimeout(function() {  
    uni.reLaunch({  
        url: '/pages/home/index'  
    })  
    clearTimeout('timer')  
}, 1000)

第二个页面用可以使用的所有方式，执行如下代码

uni.$emit('onShow', 1);

第二个页面引入的组件
mounted() {
var that = this;
uni.$on('onShow', function(data) {
//处理逻辑
});
}

操作步骤：

按我上述的代码即可

在完成某个操作后，我使用如下代码返回首页
var timer = setTimeout(function() {
uni.reLaunch({
url: '/pages/home/index'
})
clearTimeout('timer')
}, 1000)

返回的页面index存在代码

uni.$emit('onShow', 1);

页面index引入了一个组件home，组件homo内有如下代码：
uni.$on('onShow', function(data) {
//触发后处理逻辑
});

在reLaunch返回后，任何方式都无法执行uni.$emit('onShow', 1);，包括onload，onshow，点击事件，onready。
进而导致组件内监听无法触发。
实际测试发现，只有在reLaunch情况下才会出现，其它形式跳转不会出现问题。

目前仅在APP下出现此类问题，H5正常，小程序未测试

2023-07-23 21:26 负责人:无分享

如果是给子组件传值的，可以属性传值，在子组件中props接收

不暇 (作者)

不是传值，你就理解成我在自定义tabbar，切换导航就触发实现，但首页如果是reLaunch过来，在APP下，所有的uni.$emit就无效了

2023-07-28 16:43

昭昭L - 开心就好

页面通信用这个EventChannel.emit

昭昭L - 开心就好

reLaunch是有问题，上个页面已经被干掉了

解决了吗

1***@qq.com - 隔壁小王同学

插个眼，reLaunch会导致uni.$on失效

不暇 (作者)

实际上是因为uni.$emit失效了，所以uni.$on失效，实际上我也搞不清到底是哪个失效

2023-08-11 16:23
1***@qq.com

回复不暇: 我的解决是app的$on要配对$off取消监听，$off('xx', 监听的函数)，$off一定要加有取消监听的函数

2024-08-26 10:29