控制台警告Runtime directive used on component with non-element root node. The directives will not function as intended.
如下
image.png
意思是自定义指令不能放到组件上，而是要放到自有的元素上,也就是这里用到的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>
控制台警告提示信息 控制台警告Runtime directive used on component with n...
0xcccccccc : Used by Microsoft's C++ debugging runtime li...
本篇英文名叫 OC Runtime In Action：CEO Cook Actually Used In Coo...
directive Directive-pagedirective-page基本格式 其中import conte...
directive的官方文档 Vue.directive( id, [definition] )参数：{strin...
What is the difference between @Configuration and @Compon...
directive 的五个属性 restrictE： 表示该directive仅能以element方式使用，即：<...
1、使用Vue.directive 自定义指令。 Vue.directive('echarshis',functi...
1. directive名称myDirective，实际使用时候需要写成my-directive；
Vue的高级属性 一、directive指令 directive指令官方文档[https://cn.vuejs.o...
本文标题：Runtime directive used on compon
本文链接：https://www.haomeiwen.com/subject/lwsxfdtx.html
网友评论