自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(1)
  • 收藏
  • 关注

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

然后我仔细想了一下,第一种切换路由的时候 router-view 是直接销毁了,所以当然不能触发leave的过渡动画。第二种就是使用插槽将自身组件传给动态组件渲染,而动态组件是会触发leave的。但是我换成这个写法后,发现过渡动画和之前不太一样了。仔细试了一下发现其实是第一种错了,第一次写的时候我没发现。具体情况第一种是无法触发leave的过渡动画。最后记住要给过的组件加个根div节点,不然是无法触发动画的。后来去看了一下,推荐用这种写法,也就是第二种。当然这是我想的,不知道对不对,希望有大佬指正。

2024-12-12 16:09:34 199

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除