Nuxt v2中使用Composition API时emit事件失效问题求助

你的核心问题是父组件模板里没有监听子组件触发的search事件，子组件已经正常emit事件，但父组件没绑定对应的事件监听，所以search方法不会执行。

修复父组件代码 #

修改父组件的模板部分，给<SearchBar>添加@search="search"事件绑定：

<template>
  <!-- 添加@search绑定父组件的search方法 -->
  <SearchBar placeholder="text3" @search="search" />
</template>

<script lang="ts">
// ... some imports here

export default defineComponent({
  components: { Header, Users, SearchBar, AccountPage },
  setup() {
    function search(value: string): void {
      alert(value)
    }

    return { search }
  },
})
</script>

额外检查项 #

• 确认你已经在Nuxt2项目中正确安装并配置了@nuxtjs/composition-api，因为Nuxt2本身不内置Composition API支持，配置不当也可能导致事件传递异常。
• 子组件的emits声明和emit调用都是正确的，无需修改。

内容的提问来源于stack exchange，提问作者SYKO