前端开发：Vue3.0提示警告… declare it using the “emits“ option. 的解决方法

最新推荐文章于 2026-06-21 09:20:08 发布

原创最新推荐文章于 2026-06-21 09:20:08 发布 · 1w 阅读

标签

#前端 #vue.js

收录于

大前端开发常识专栏收录该内容

94 篇文章 ¥159.90 ¥299.90

订阅专栏

在Vue3.0开发中遇到子组件给父组件传递值时出现的警告提示。该问题通常发生在未在子组件的`emits`选项中声明emit事件名。解决方法是在子组件的`export default`中定义`emits`，列出所有使用的emit事件，以此消除警告。

前言

在前端开发中使用Vue的开发者都知道，Vue现在已经以3.0为基础版本了，也就是说Vue3.0已经成为主流版本了。还在只用Vue2.0开发没有使用3.0的开发者要注意了，要赶紧熟悉和了解Vue3.0的相关语法和知识点了。本篇博文就来分享一下关于在使用Vue3.0的时候遇到的一个提示警告，这是一个比较常见的问题，分享出来方便以后查阅使用。

报错提示

具体的报错提示如下所示：

vconsole.min.js:10 [Vue warn]: Extraneous non-emits event listeners (trustBuyClick) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.

  at <TrustDetailItem detailData= (2) [{…}, {…}] onTrustBuyClick=fn<bound trustBuyClick> >

  at <TrustDetail onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< null >

了解本专栏