- 完整项目地址:vue-hamal
- 项目在线例子:liangfuzhi.github.io/vue-hamal/d…
前言
突然心血来潮想写点东西,写的不好莫喷。
大家有没有想过在web端实现原生app才有的切面切换效果,(例如:ios端的在苹果左侧右滑可以拖拽当前页面返回上一页)没想过的请跳过。
今天就手把手带你用vue实现切换效果。
开始
嗯,想法是有了,那么如何实现呢。vue官方提供了组件切换的过渡效果,不知道用来干什么的请先阅读官方文档。那么如果我每次打开新的页面(例:/page/a > /page/b)的时候时候缓存上一个页面,不就可以实现两个页面的拖拽效果?理论上是的。
实现原理
源码就不拿出来解析了,有兴趣的小伙伴可以去看源码 vue-hamal
快速开始
结尾
觉得有用就帮忙加个star吧