1. 首页
  2. 编程语言
  3. Javascript
  4. vue-router 手势滑动触发返回功能

vue-router 手势滑动触发返回功能

上传者: 2021-09-10 04:06:00上传 PDF文件 78.72 KB 热度 11次

vue-router的路由变换只存在“变换前”和“变换后”,不存在“切换中”的状态,所以做不到大多数app在滑动过程中让界面跟随手指移动。但滑动事件还是可以监听的,我们可以在滑动之后再触发路由回退事件。  微博的滑动返回基本上就是这样的原理:先滑动、再触发返回事件,但用起来很是怪异,有严重的滞后感。夸克浏览器做的就比较好:一是滑动时界面虽然不动,但是界面上有小图标提示,能让用户接受到反馈;二是返回过程很快,没有多余的过渡动画。  app.vue文件如下:引入代码案例见

用户评论