使用vue3开发过程中,碰到了这个问题:
Extraneous non-props attributes (currNode) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
为什么呢?
google上查找到的原因可能是你在组件模板中有多个根节点。参考Non-Prop Attributes | Vue.js。
为了解决这个问题,我将所有元素都包含在一个容器元素中。禁用属性继承也可能有效,但我还没有尝试过。
最简单的解决方式就是屏蔽:
这个警告可以通过在export defaultdefineComponent({})中写“inheritAttrs: false”来解决