vue 路由頁面之間實現(xiàn)用手指進行滑動的方法
問題描述:vue 路由頁面之間如何用手指進行滑動
解決方法:
1、下載依賴:npm intall vue-touch --save -D
2、在需要滑動的頁面添加標(biāo)簽;<v-touch> 注意要寬高,當(dāng)頁面有東西要寫入時,可用v-touch 包裹著其他標(biāo)簽;
如:<v-touch class="controller" v-on:swipeleft="onSwipeLeft" v-on:swiperight="onSwipeRight">
3、methods 中分別寫入它們的方法;
onSwipeLeft(){。。。。。。。},
onSwipeRight(){。。。。。。。}
以上這篇vue 路由頁面之間實現(xiàn)用手指進行滑動的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue中使用vue-pdf組件實現(xiàn)文件預(yù)覽及相應(yīng)報錯解決
在需求中,經(jīng)常遇見pdf的在線預(yù)覽效果,很多pdf插件不支持vue3,或者是沒有集成翻頁放大縮小功能,比如vue-pdf,下面這篇文章主要給大家介紹了關(guān)于vue中使用vue-pdf組件實現(xiàn)文件預(yù)覽及相應(yīng)報錯解決的相關(guān)資料,需要的朋友可以參考下2022-09-09前端實現(xiàn)Vue組件頁面跳轉(zhuǎn)的多種方式小結(jié)
這篇文章主要為大家詳細介紹了前端實現(xiàn)Vue組件頁面跳轉(zhuǎn)的多種方式,文中的示例代碼講解詳細,具有一定的參考價值,有需要的小伙伴可以了解下2024-02-02純前端使用Vue3上傳文件到minio文件服務(wù)器(粘貼可直接用)
vue是目前最流行的前端框架,下面這篇文章主要給大家介紹了關(guān)于純前端使用Vue3上傳文件到minio文件服務(wù)器的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-04-04