vue控制台警告Runtime directive used on component with non-element root node

2023-06-29 11:31:51 作者：w晚风

这篇文章主要为大家介绍了vue控制台警告Runtime directive used on component with non-element root node解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

控制台警告提示信息

控制台警告Runtime directive used on component with non-element root node. The directives will not function as intended.

如下

意思是自定义指令不能放到组件上，而是要放到自有的元素上,也就是这里用到的v-show，v-if 不能放在自定义组件上,而是放在原来就有的标签上,所以这里套了一层div
比如之前的是这样子,v-show指令用在了自定义组件UserAdd身上,就警告了

<UserAdd v-show="materialType" />

外面套一层不是自定义组件的元素就可以,我这里套了一层div,你也可以嵌套一层template

<div v-show="materialType">
  <UserAdd />
</div>

或者

<template v-show="materialType">
  <UserAdd />
</template>

以上就是vue控制台警告Runtime directive used on component with non-element root node的详细内容，更多关于vue控制台警告的资料请关注脚本之家其它相关文章！