1、使用transition-group的的时候,外层元素不可用v-if,不然第一个添加的元素无动画效果
2、v-for列表每一项必须指定唯一的key值,不可是index,不然动画不生效
![](https://img.haomeiwen.com/i3675862/348e8f53e0b91bef.png)
![](https://img.haomeiwen.com/i3675862/e72a5b5fa9a38bc6.png)
3、 页面切换动画,被引用的路由组件必须要有个根元素包裹,不然动画不生效
![](https://img.haomeiwen.com/i3675862/6e20e94867e56ad4.png)
![](https://img.haomeiwen.com/i3675862/f64dcc94602ba5aa.png)
1、使用transition-group的的时候,外层元素不可用v-if,不然第一个添加的元素无动画效果
2、v-for列表每一项必须指定唯一的key值,不可是index,不然动画不生效
3、 页面切换动画,被引用的路由组件必须要有个根元素包裹,不然动画不生效
本文标题:关于Vue3动画几个注意的坑
本文链接:https://www.haomeiwen.com/subject/avfxwdtx.html
网友评论