[Vue warn]: Runtime directive used on component with non-element root node. The directives

书写经典

 关注

阅读 47

2023-11-01

[Vue warn]: Runtime directive used on component with non-element root node. The directives_自定义组件

原因

意思是自定义指令不能放到组件上,而是要放到自有的元素上,也就是这里用到的v-dialogDrag不能放在自定义组件上

[Vue warn]: Runtime directive used on component with non-element root node. The directives_自定义指令_02

上图的v-dialogDrag指令用在了自定义组件el-dialog身上,就警告了

解决

外面套一层不是自定义组件的东东就可以,比如套了一层div



相关推荐

解决 Component inside ＜Transition＞ renders non-element root node that cannot be animated 问题

兽怪海北 82 0 0

vue.runtime.esm.js?c320:4625 [Vue warn]: Failed to resolve directive: lazy

非衣所思 13 0 0

[Vue warn] Extraneous non-emits event listeners (createSuccess) were passed to component but could

半夜放水 88 0 0

[Vue warn] Failed to resolve component xxx

修炼之士 260 0 0

Vue warn] Component is missing template or render function

言诗把酒 227 0 0

Vue：解决[Vue warn]: Failed to resolve directive: modle (found in <Anonymous>)

蓝哆啦呀 88 0 0

[Vue warn] Failed to resolve component：报错问题。

妖妖妈 135 0 0

[Vue warn]: Cannot find element: #app

mjjackey 43 0 0

Component template requires a root element, rather than just text

niboac 4 0 0

error: The “xx“ component has been registered but not used (vue/no-unused-components) at

左小米z 60 0 0

精彩评论（0）

0 0 举报