uni-app vue3 抖音小程序自定义事件不触发

信息类别	内容
产品分类	uniapp/小程序/字节跳动
PC开发环境操作系统	Mac
PC开发环境操作系统版本号	14.3.1
第三方开发者工具版本号	4.2.1
基础库版本号	3.14.0.1
项目创建方式	CLI
CLI版本号	3.0.0-alpha-4000220240306001

示例代码：

<button @click="clickHandler"></button>

function clickHandler() {
emits('click');
emits('myclic');
}

<mxp-button   @click="onLogin"   @myclic="loa"></mxp-button>

function loa() {
console.log('333333twetrwe');
}

操作步骤：

复制代码

预期结果：

可以触发

实际结果：

可以不能触发

bug描述：

自定义事件不触发

yuanlaile 1楼•11 天前

没复现出来你说的问题可以看下我的运行效果或者你提供下可以复现这个问题的demo？
我的代码示例 index.vue <template>
<view class="content">
<click-temp @tapBtn=“tapBtn”></click-temp>
</view>
</template>

clickTemp.vue <template>
<view>
<button @click=“clickBtn”>自定义点击</button>
</view>
</template>

yuanlaile 2楼•11 天前

在 uni-app 中使用 Vue3 开发抖音小程序时，如果自定义事件不触发，可能是由于以下几个原因导致的。以下是一些常见的排查步骤和解决方案：

1. 检查事件绑定

确保你在组件中正确绑定了自定义事件。例如：

<template>
  <child-component @custom-event="handleCustomEvent" />
</template>

<script>
export default {
  methods: {
    handleCustomEvent(data) {
      console.log('Custom event triggered:', data);
    }
  }
}
</script>

在子组件中，确保你正确地触发了自定义事件：

<template>
  <button [@click](/user/click)="triggerCustomEvent">Trigger Event</button>
</template>

<script>
export default {
  methods: {
    triggerCustomEvent() {
      this.$emit('custom-event', { message: 'Hello from child!' });
    }
  }
}
</script>