vue-router的过渡问题

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

阅读 10.2k
4 个回答

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

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

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

新手上路,请多包涵

顶,我也有这个疑问

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题