Vue报错：Extraneous non-emits event listeners (XXX) were passed to component...

原创已于 2024-12-27 14:03:00 修改 · 7.5k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#javascript #开发语言 #ecmascript

收录于

于 2023-09-21 16:00:24 首次发布

vue 专栏收录该内容

27 篇文章

订阅专栏

文章讲述了在Vue中，当父子组件试图通过非标准方式传递事件时会触发警告。解决方法是在子组件中通过`emits`选项显式声明自定义事件名，避免因渲染结构导致的自动继承问题。参考了GitHubissue#2540。

该文章已生成可运行项目，

使用vue框架进行父子组件传值的时候，可能会出现如下警告：

Extraneous non-emits event listeners (XXX) 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. 
无关的非发出事件侦听器(XXX)被传递给组件，但不能自动继承，因为组件呈现片段或文本根节点。如果侦听器只打算作为组件自定义事件侦听器，则使用"emit "选项声明它。