日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

這篇文章給大家分享的是有關(guān)vue-router如何實現(xiàn)手勢滑動觸發(fā)返回功能的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

vue-router的路由變換只存在“變換前”和“變換后”，不存在“切換中”的狀態(tài)，所以做不到大多數(shù)app（微信那樣的）在滑動過程中讓界面跟隨手指移動。但滑動事件還是可以監(jiān)聽的，我們可以在滑動之后再觸發(fā)路由回退事件。

　　微博的滑動返回基本上就是這樣的原理：先滑動、再觸發(fā)返回事件，但用起來很是怪異，有嚴重的滯后感?？淇藶g覽器做的就比較好：一是滑動時界面雖然不動，但是界面上有小圖標提示，能讓用戶接受到反饋；二是返回過程很快，沒有多余的過渡動畫。

　　app.vue文件如下：

下面看下vue圖片左右滑動及手勢縮放

引入vue-awesome-swiperimport 'swiper/dist/css/swiper.css';

import { swiper, swiperSlide } from 'vue-awesome-swiper';components: {
 swiper,
 swiperSlide,
},data() {
 return {
 swiperOption: {
  width: window.innerWidth,
  zoom : true,
  initialSlide: 0,
 },
 };
},