如果想讓vue能夠監(jiān)聽移動(dòng)端的上滑、下滑、左滑、點(diǎn)擊等等動(dòng)作，可以使用vue-touch插件。vue-touch的使用十分簡(jiǎn)單。

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

首先在vue項(xiàng)目中安裝vue-touch

npm install vue-touch@next --save

然后在main.js上導(dǎo)入并使用：

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

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

說(shuō)明中提及的動(dòng)作都可監(jiān)聽：
Pan ：觸屏?xí)r的拖動(dòng)行為
Pinch：手指放大縮小的行為
Press：長(zhǎng)按行為
Rotate：兩手指旋轉(zhuǎn)行為
Swipe：滑動(dòng)行為
Tap：點(diǎn)擊行為

總結(jié)

以上是生活随笔為你收集整理的vue中vue-touch 的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。