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控制台警告的资料请关注脚本之家其它相关文章!
相关文章
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
今天小编就为大家分享一篇vue-auto-focus: 控制自动聚焦行为的 vue 指令方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08npm ERR! code E404在vscode安装插件时报错的两种解决方案
这篇文章主要给大家介绍了关于npm ERR! code E404在vscode安装插件时报错的两种解决方案,关于这个问题,通常是由于插件名称输入错误、网络问题或插件已被删除引起的,文中将两种解决方法都介绍的非常详细,需要的朋友可以参考下2023-04-04
最新评论