vue3 nuxt3子组件使用emit报warningExtraneous non-emits event listeners were passed to compont but could...

最新推荐文章于 2025-04-22 14:40:37 发布
原创 最新推荐文章于 2025-04-22 14:40:37 发布 · 716 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测
标签
#vue.js #javascript #前端
文章讲述了在Vue中，当子组件接收到非emit事件监听器时会报warning。解决方法是在`defineEmits`选项中明确声明组件的自定义事件。

子组件使用 emit 报warning：

Extraneous non-emits event listeners (chooseRadio) 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.

在这里插入图片描述
【错误代码】
在这里插入图片描述
【解决】在 defineEmits 写一下emit 的事件即可
在这里插入图片描述

vue3警告Extraneous non-emits event listeners (XXX) were passed to component but could not be automatic
热门推荐
qq_41974199的博客
07-26 1万+
之所以出现这个警告，是因为在子组件向父组件发送自定义事件的时候，没有使用“emits”选项声明它。这里使用两种方式改正emits选项。
3-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》上机准备
DVTOP的博客
11-23 961
本教程是在macOS Monterey 12.6和Windows10 Professional专业版上验证通过，如果在Linux上使用，安装对应操作系统版本的工具即可。
【Vue Warn】子组件为“片段”或者根节点是文本节点，Vue 无法自动继承事件监听器
m0_47814717的博客
01-09 711
Extraneous non-emits event listeners (getModalBtn) 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
Vue报错：Extraneous non-emits event listeners (XXX) were passed to component...
努力的nana
09-21 7562
原因： https://github.com/vuejs/core/issues/2540
Extraneous non-emits event listeners (xxx) were passed to component but could not be automatically i
积极的小可爱~的博客
08-19 1万+
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 t
【vue警告】[Vue warn]: Extraneous non-props attributes (class) were passed to component but could
周金鱼啊
11-23 1万+
[Vue warn]: Extraneous non-emits event listeners (refreshRelationList) 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 liste
Vue3 中bug Extraneous non-emits event listeners (******) were passed to component but could not 。。。。
Ms_Wqh的博客
08-01 1471
Vue3 Bug Extraneous non-emits event listeners (handleClickMores) 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
vue3警告[Vue warn]: Extraneous non-emits event listeners (getVal) were passed to component but could n
weixin_46409887的博客
09-02 5580
[Vue warn]: Extraneous non-emits event listeners (getVal) were passed to component but could not be automatically inherited because component renders fragment or text root nodes
Vue 错误集
ZYXW的博客
08-03 883
Vue 错误集 (缓慢更新中…) 1, [Vue warn]: 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 l
[Vue warn] Extraneous non-emits event listeners (createSuccess) were passed to component but could
m0_67393342的博客
03-06 1166
vue3子组件向父组件传递方法时报错： 解决办法： 引入Options，然后再 emits中定义传出的方法即可
vue3-浏览器告警解决: Extraneous non-emits event listeners (queryList, closeDialog) were passed to
wzy_PROTEIN的博客
06-09 9471
[Vue warn]: Extraneous non-emits event listeners (queryList, closeDialog) 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 li
Extraneous non-emits event listeners (xxxXxx) were passed to component but could not be automaticall
Bab的博客
06-25 6243
在使用Vue3.0时出现警告，完整警告信息如下： 伪代码如下： 出现此错误的原因是子组件counter向外触发一个addOne的事件，但是无法自动继承，(可以看到counter的template中有两个根节点)。 解决办法如下（给两个根节点嵌套一个div）： 或者修改为以下写法（不使用props）：.........
Vue+Nuxt之滑块验证
jianghuchuang的博客
02-03 1215
github网站：滑块验证网站 这里使用的是vue + nuxt+vue-monoplasty-slide-verify 1、安装依赖 npm install --save vue-monoplasty-slide-verify 2、注册成全局组件（nuxt插件方式） 在plugins创建 SlideVerify.js 文件，内容如下 import Vue from 'vue' import SlideVerify from 'vue-monoplasty-slide-verify'; Vue.use(.
Vue项目警告Extraneous non-emits event listeners (xxxxx) were passed to component but could no...
最新发布
qq_45746766的博客
04-22 633
【代码】Vue项目警告Extraneous non-emits event listeners (xxxxx) were passed to component but could no...
Vue3警告 declare it using the “emits“ option如何解决
lianghbwj26的博客
01-29 689
script setup> 是 Vue 3 引入的一种语法糖，旨在简化组合式 API（Composition API）的使用，并提高开发效率。[Vue 警告]：向组件传递了多余的非自定义事件监听器（onmessage），但由于组件渲染的是片段或文本根节点，因此无法自动继承。如果该监听器仅旨在作为组件的自定义事件监听器，请使用“emits”选项进行声明。在父组件定义了方法changmessage，并绑定成一个方法（名为onmessage）传给子组件，子组件没有声明就使用了这个onmessage方法。
Vue3警告：[Vue warn] Extraneous non-emits event listeners (changeParentProps) were passed to component
m0_67402026的博客
03-02 3157
在Vue3中组件通信中（子传父）报出如下警告： [Vue warn]: Extraneous non-emits event listeners (changeParentProps) 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 compon
Uniapp小程序开发踩坑日记
coding...
11-18 1054
最近开发一套微信音乐小程序框架使用vue3，但还是要吐槽一下，有时候会突然报错，怎么也调试不好，过段时间自己又好了，这让开发者体验极差。下面说下遇到的一些问题。如果使用vue2 子组件的暴露给父组件的写法会报这个警告。
Extraneous non-emits event listeners (formChange).....declare it using the “emits“ option警告出现原因及解决办法
Yukinoshita_kino的博客
04-26 5842
Extraneous non-emits event listeners (......子组件自定义事件名) were passed to component but could not be automatically inherited ...... If the listener is intended to be a component custom event listener only, declare it using the "emits" option.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值