如何使用vue实现类似iOS原生的页面回退交互？

Question

vue的transition是通过给新旧组件添加class实现的，这个动画过程不受用户控制。

想要实现类似iOS原生的效果，即可以通过从左边划入手指，并且可以通过手指的位置控制当前页面的位置。

1. 前置页面的状态可以通过keep-alive保存。
2. 不考虑浏览器自身对于左侧划入手指的效果，假设针对iOS web app的开发。
3. 必须得使用vue-router。这个效果在自己控制组件的显示与否的话，会比较容易实现，但是为此放弃vue-router有点本末倒置了。

目前想不出可行方法，求大佬指点。