vue 路由过渡效果与 ios 原生效果冲突

Question

1. 一个单页应用, 切换路由时采用<transition></transition>组件模拟 ios 原生的左右滑动效果

2. 当直接点击浏览器的后退按钮时, 效果执行正常

3. 问题: 当手指在页面左滑时, ios 原生动画(页面左滑)执行完毕后, 仍然会执行我自己定义的过渡效果, 也就是会出现两次的页面向左滑动.

请问有什么思路可以解决这个问题?

Answer 1

提供一下意思。监听移动端的swipe事件。如果是那事件，就阻止动画
swipe类事件

滑动事件，有swipe swipeLeft swipeRight swipeUp swipeDown 五种之分

swipe：手指在屏幕上滑动时会触发

swipeLeft：手指在屏幕上向左滑动时会触发

swipeRight：手指在屏幕上向右滑动时会触发

swipeUp：手指在屏幕上向上滑动时会触发

swipeDown：手指在屏幕上向下滑动时会触发