router-view 两种方式的过渡区别

      今天用 Transtion 直接过渡 router-view 发现了警告。

     后来去看了一下,推荐用这种写法,也就是第二种。

     但是我换成这个写法后,发现过渡动画和之前不太一样了。仔细试了一下发现其实是第一种错了,第一次写的时候我没发现。具体情况第一种是无法触发leave的过渡动画。

     然后我仔细想了一下,第一种切换路由的时候 router-view 是直接销毁了,所以当然不能触发leave的过渡动画。第二种就是使用插槽将自身组件传给动态组件渲染,而动态组件是会触发leave的。

     最后记住要给过的组件加个根div节点,不然是无法触发动画的。

     当然这是我想的,不知道对不对,希望有大佬指正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值