创建子组件，emit事件，父组件监听
3***@qq.com
- 发布：2021-08-20 00:14
- 更新：2021-08-20 11:15
- 阅读：802
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： macos10.15
HBuilderX类型： 正式
HBuilderX版本号： 3.2.1
手机系统： iOS
手机系统版本号： IOS 14
手机厂商： 苹果
手机机型： 12promax
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
一次点击只触发一次
一次点击只触发一次
实际结果：
一次点击触发两次
一次点击触发两次
bug描述：
在字节跳动小程序中子组件点击emit事件，父组件监听，一定会触发两次
提供代码
-
3***@qq.com (作者)
<template>
<view class="container">
<Test @onClick="onClick"></Test>
</view>
</template>
<script>
import Test from '../../components/Test.vue'
export default {
components: {
Test
},
data() {
return {
href: 'https://uniapp.dcloud.io/component/README?id=uniui'
}
},
methods: {
onClick() {
console.log('监听到事件')
}
}
}
</script>
<style>
.container {
padding: 20px;
font-size: 14px;
line-height: 24px;
}
</style>
// test 组件
<template>
<view>
<button @click="onClick">111</button>
</view>
</template>
<script>
export default {
name:"Test",
data() {
return {
};
},
methods: {
onClick() {
this.$emit('onClick')
}
}
}
</script>
<style>
</style>
2021-08-20 11:22
-
-
3***@qq.com (作者)
有办法解决吗？
2021-08-20 10:37
1***@qq.com
回复 3***@qq.com: 这个是字节跳动小程序才出现的问题， 我也不知道怎么解决， 但是我发现， 只有一个文件调用另外一个文件的方法的时候就会触发两次， 文件调用文件本身的方法就不会触发两次
2021-08-20 10:57
1***@qq.com
回复 3***@qq.com: https://forum.microapp.bytedance.com/mini-app/posts/61148f58f48a931d43e498e9， 你可以参考一下这个，官方是说IDE的问题
2021-08-20 11:02
3***@qq.com (作者)
回复 1***@qq.com: 好的
2021-08-20 11:26