如果想讓vue能夠監聽移動端的上滑、下滑、左滑、點擊等等動作，可以使用vue-touch插件。vue-touch的使用十分簡單。

下面是源代碼地址以及英文版的說明。
https://github.com/vuejs/vue-touch/tree/next

首先在vue項目中安裝vue-touch

npm install vue-touch@next --save

然后在main.js上導入并使用：

import VueTouch from "vue-touch"; Vue.use(VueTouch, {name: "v-touch"});

之后就可以在任意組件上使用vue-touch，如下圖：

說明中提及的動作都可監聽：
Pan ：觸屏時的拖動行為
Pinch：手指放大縮小的行為
Press：長按行為
Rotate：兩手指旋轉行為
Swipe：滑動行為
Tap：點擊行為

總結

以上是生活随笔為你收集整理的vue中vue-touch 的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。