[Vue warn]: Component inside renders non-element root node that cannot be animated.

问题原因

<Transition>动画只对有根节点的组件有效果,下面是我写的测试案例,template 直接填写字符串,未使用标签,导致出现此问题

<transition>
    //transition包裹的组件必须有 div或者其他标签
    <component :is="Component" />  
</transition>
[Vue warn]: Component inside <Transition> renders non-element root node that cannot be animated.

解决方法:

<template>
    <div>
  //解决方法:顶层使用div 或者其他标签包裹即可
       invoice
       <button @click="getinvoice">GetInvoice</button>
    </div>
</template>

版权声明:本文为NII.CN的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://nii.cn/4154.html 发布者:nii

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
nii的头像nii
上一篇 2022-10-20 11:15
下一篇 2022-11-28

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

邮件:83390286[AT]QQ.COM

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信