vue3.0父子组件警告Extraneous non-emits event listeners (closeSetDialog) were passed to component but could

原创 已于 2022-04-16 00:53:49 修改 · 6.4k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

于 2022-02-23 18:04:59 首次发布
本文介绍了在Vue.js中，如何通过props从父组件向子组件传递数据，以及如何在子组件中声明并使用传递过来的方法。示例代码详细展示了父子组件间的通信过程，帮助开发者理解这一核心概念。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Ii56ZW_5Zyo6Ii55LiK,size_19,color_FFFFFF,t_70,g_se,x_16

解决方法：emits[" "]，在子组件中声明传递的方法名

完整代码示例：

父组件：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Ii56ZW_5Zyo6Ii55LiK,size_11,color_FFFFFF,t_70,g_se,x_16

 

子组件：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Ii56ZW_5Zyo6Ii55LiK,size_11,color_FFFFFF,t_70,g_se,x_16 

 

 

 

vue3警告Extraneous non-emits event listeners (XXX) were passed to component but could not be automatic
qq_41974199的博客
07-26 1万+
之所以出现这个警告，是因为在子组件向父组件发送自定义事件的时候，没有使用“emits”选项声明它。这里使用两种方式改正emits选项。
Vue3警告：[Vue warn]: Extraneous non-emits event listeners (changeParentProps) were passed to component
热门推荐
weixin_47339511的博客
07-06 1万+
在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
Vue报错：Extraneous non-emits event listeners (XXX) were passed to component...
努力的nana
09-21 7285
原因： https://github.com/vuejs/core/issues/2540
vue3-浏览器告警解决: Extraneous non-emits event listeners (queryList, closeDialog) were passed to
wzy_PROTEIN的博客
06-09 9103
[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 (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 warn]: Extraneous non-emits event listeners (editPassword) 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.
08-05
Extraneous non-emits event listeners editPassword passed to component could not be automatically inherited because component renders fragment or text root nodes. ``` 这个警告表明组件尝试接收一个事件...
[Vue warn]: Extraneous non-emits event listeners (onBack) 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.
最新发布
09-30
针对 Vue 警告 `Extraneous non-emits event listeners (onBack) were passed to component...` 的解决方案如下： ### 原因分析 1. **根节点问题**： 组件使用了**多根节点（Fragment）** 或文本根节点（如引用[4...
[Vue warn]: Extraneous non-emits event listeners (response) 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.
07-04
这个警告表明你在子组件中触发了自定义事件（如 `response`），但未在子组件的 `emits` 选项中声明，或者子组件的根节点是片段（Fragment）或文本节点，导致事件监听器无法自动继承。以下是解决方案和详细说明： --...
Vue项目警告Extraneous non-emits event listeners (xxxxx) were passed to component but could no...
qq_45746766的博客
04-22 582
【代码】Vue项目警告Extraneous non-emits event listeners (xxxxx) were passed to component but could no...
【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 1426
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
Extraneous non-emits event listeners (xxxXxx) were passed to component but could not be automaticall
Bab的博客
06-25 6119
在使用Vue3.0时出现警告，完整警告信息如下： 伪代码如下： 出现此错误的原因是子组件counter向外触发一个addOne的事件，但是无法自动继承，(可以看到counter的template中有两个根节点)。 解决办法如下（给两个根节点嵌套一个div）： 或者修改为以下写法（不使用props）：.........
vue3 nuxt3子组件使用emit报warningExtraneous non-emits event listeners were passed to compont but could...
weixin_41294419的博客
11-22 650
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 i
[vue]Extraneous non-emits event listeners (x) were passed to component but could not be automatica
weixin_47175582的博客
10-21 828
vue报错
vue3警告[Vue warn]: Extraneous non-emits event listeners (getVal) were passed to component but could n
weixin_46409887的博客
09-02 5459
[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
Extraneous non-emits event listeners (onJump) were passed to component but could not be automaticall
weixin_46704196的博客
06-29 548
Extraneous non-emits event listeners (toJump) 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 usin
vue3.0项目报错non-emits event listeners (chaneel) were passed to component but could not be automaticall
我的博客
09-21 1326
原因 ：因为传递事件的子组件没有根节点或者有两个节点，他在父组件中渲染为代码片段，给自组件加上根节点 外层套一个div。自组件中声明emits。
Vue3警告：[Vue warn] Extraneous non-emits event listeners (changeParentProps) were passed to component
m0_67402026的博客
03-02 3096
在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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

船长在船上

您的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值