uni-app 监听生命周期事件在 app 端会报错

sd2nnvve  于 2021-11-27  发布在  Java
关注(0)|答案(0)|浏览(318)

问题描述

父组件在监听子组件的生命周期事件

// 子组件
methods: {
			init() {
				console.log('初始化 test 组件')
			}
		}

// 父组件
<test ref="test" @hook:mounted="handleMounted"></test>

methods: {
		handleMounted() {
			this.$refs.test.init()
			console.log('已监听并出发 mounted 事件')
		}
	}

在APP端会报错

10:49:40.313 TypeError: Cannot read property '$origCurrentTarget' of undefined at view.umd.min.js:1
10:49:40.357 初始化 test 组件 at components/test.vue:9
10:49:40.387 已监听并出发 mounted 事件 at pages/index/index.vue:25

但是监听的方法会正常执行

复现步骤

hook-bug.zip

直接运行到手机或模拟器即可复现

预期结果

监听方法预期正常执行不报错

实际结果

监听方法会正常执行,但控制台汇报以下错误

10:49:40.313 TypeError: Cannot read property '$origCurrentTarget' of undefined at view.umd.min.js:1

系统信息:

  • 发行平台: [如 微信小程序、H5平台、5+ App等]
  • 操作系统 [如 iOS 12.1.2、Android 7.0]
  • HBuilderX版本 [如使用HBuilderX,则需提供 HBuilderX 版本号]
  • uni-app版本 [如使用Vue-cli创建/运行项目,则提供npm run info的运行结果]
  • 设备信息 [如 iPhone8 Plus]

补充信息

[可选]
[根据你的分析,出现这个问题的原因可能在哪里?]

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题