vue-router的过渡问题

例子:http://jsfiddle.net/xyu276sa/…
我想实现的路由切换效果,有点类似于app中轮播图的切换效果。一个页面视图向左离开窗口的同时另一个页面从右边进来。 vue官方文档说 transition默认的切换就是进入与离开平滑地过渡。但这个实现效果有问题。
vue-router路由切换时如何实现轮播切换的效果,可以提供类似的例子可以借鉴一下

回答:

https://jsfiddle.net/imys/opb…

写了2个例子,注释的那个跟你的效果类似,默认展示的就是你期望的效果了。

过渡不只可以定义在 router-view 上,也可以为各个视图组件单独定义。

回答:

顶,我也有这个疑问

回答:

你的css的最后一个规则 多了个逗号 导致.anileft-leave不生效

回答:

css最后一个规则 多了一个符号
clipboard.png

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注