关于在手机浏览器后退的问题

来源:4-8 歌手详情页路由过渡效果实现

booyaaa

2022-05-10

页面里面在点击后退按钮时使用transition实现了后退动画,但是在手机浏览器比如Safari中是可以通过右滑后退的,这时就会导致右滑本身已经有动画效果的前提下又执行了一次transition动画,请问老师这个要怎么解决啊

搜索

复制

写回答

1回答

ustbhuangyi

2022-05-11

可以试试根组件 <div id="app" @touchmove.prevent>

0
5
Madao54
回复
ustbhuangyi
我用老师你的这个网址在iOS端打开,在详情页手动往右侧滑回歌手还是能成功,还是会再触发一次动画。(如果只是点击浏览器上的后退按钮,那是没问题)
2022-06-18
共5条回复

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ,提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程