#####有時候我們不止需要有返回鍵，也要有手勢滑動切換頁面的功能時，這個時候vue-touch就派上用場了
#####API地址：

https://github.com/vuejs/vue-touch/tree/next

#####安裝

npm install vue-touch@next --save //main.js中引入： import VueTouch from 'vue-touch' Vue.use(VueTouch, {name: 'v-touch'})

#####用法如下：

//html代碼 <template><v-touch v-on:swipeleft="swiperleft" v-on:swiperight="swiperright" class="wrapper"><div class="menu-container" ref="menuContainer"> <!-- 這個是內容 --> </div></v-touch> </template> export default {name: 'Queue',data () {return {}},methods: {swiperleft: function () {this.$router.push({'path':'/queuehistory'});},swiperright: function () {this.$router.push({'path':'/home'});}}}

總結

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

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