问题原因
<Transition>动画只对有根节点的组件有效果，下面是我写的测试案例，template 直接填写字符串，未使用标签，导致出现此问题
<transition>
//transition包裹的组件必须有 div或者其他标签
<component :is="Component" />
</transition>![[Vue warn]: Component inside <Transition> renders non-element root node that cannot be animated.](https://nii.cn/wp-content/uploads/2022/10/image-1.png)
![[Vue warn]: Component inside <Transition> renders non-element root node that cannot be animated.](https://nii.cn/wp-content/uploads/2022/07/lazy.png)
解决方法：
<template>
<div>
//解决方法：顶层使用div 或者其他标签包裹即可
invoice
<button @click="getinvoice">GetInvoice</button>
</div>
</template>版权声明：本文为NII.CN的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://nii.cn/4154.html 发布者：nii
微信扫一扫
支付宝扫一扫
邮件：83390286[AT]QQ.COM
工作时间：周一至周五，9:30-18:30，节假日休息
