Extraneous non-emits event listeners (xxx) were passed to component but could not be automatically i

小百菜

于 2024-08-14 17:09:30 发布

阅读量279

点赞数

文章标签： vue.js 前端 javascript

原文链接：https://blog.csdn.net/qq_42266115/article/details/126427338

版权

在Vue3中遇到一个关于非emits事件侦听器（editItem、delItem）的错误，错误提示指出这些侦听器无法自动继承，因为组件呈现的是片段或文本根节点。尝试过在子组件添加根元素和修改父组件，但问题依然存在。最终发现需要在父组件中声明使用'emit'选项来解决这个问题，这与Vue3通常无需根元素的特点有所冲突。
摘要由CSDN通过智能技术生成

Extraneous non-emits event listeners (editItem, delItem) 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.
无关的非emits事件侦听器（editItem、delItem）已传递给组件，但无法自动继承，因为组件呈现片段或文本根节点。如果侦听器仅用于组件自定义事件侦听器，请使用“emits”选项声明它。

我就以为是我父子组件传值中的emit写法有问题，还特意专门用方法来包裹下，结果是一直报这个错误。百度说是有个根组件才行。。。

<button class="edit_btn" @click="edit(i) ">编辑</button>
<button class="del_btn" @click="$emit('delItem',i)">删除</button>

 const edit = (index) => {
      emit('editItem', index);
    };

于是我在子组件加了个根元素，还是报这个错误。。。