2020-12-22关于Vue3中动态组件使⽤Transiton动画失效的问
题
在Vue3中使⽤Transition发现动画失效,看看问题的过程:
1、刚开始的写法
刚开始的写法
结果发现动画⽆效,页⾯没有过渡效果,经过仔细查看⽂档,发现在Vue3中需要加⼀个appear属性,如下:
transition用法搭配加上appear属性
这样,过渡动画效果就可以了,另外注意Vue3中和Vue2中关于Router view的动画包裹写法是不⼀样的,Vue3中,Vue-router最新暴露了⼀个v-slot的插槽,然后把Transiton组件包裹起来
最后提醒:Vue3的Fragment⽅式使得组件不再⼀定要在 ⼀个元素的包裹下,但是如果使⽤Transition的话,其页⾯组件还是需要放在⼀个根标签中才有效,否则是⽆效的
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论