实现组件动画的时候报这个错误

发布时间:2024年01月23日

vue3 Component inside <Transition> renders non-element root node that cannot be animated.

然后怎么解决的,在template元素里面放了多个节点所以报这个错误,我们先写一个div里面写就可以解决

<template>
 <div>
    <el-card>
        123
    </el-card>
    <el-card>456</el-card>
 </div>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
</style>

报错时候的代码

<template>

    <el-card>
        123
    </el-card>
    <el-card>456</el-card>

</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
</style>

文章来源:https://blog.csdn.net/2302_79777012/article/details/135768860
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。