這篇文章主要介紹vue2.0如何實現(xiàn)移動端滑動事件vue-touch，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)專注于亳州網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供亳州營銷型網(wǎng)站建設(shè)，亳州網(wǎng)站制作、亳州網(wǎng)頁設(shè)計、亳州網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)服務(wù)，打造亳州網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供亳州網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

Vue-touch的使用

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

API地址：

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

安裝

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

用法如下：

//html代碼


export default {
 name: 'Queue',
 data () {
  return {
  }
 },
 methods: {
  swiperleft: function () {
   this.$router.push({'path':'/queuehistory'});
  },
  swiperright: function () {
   this.$router.push({'path':'/home'});
  }
 }
}

下面給大家介紹下vue2.0移動端滑動事件vue-touch，具體內(nèi)容如下所述：

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

cnpm install vue-touch@next

var VueTouch = require('vue-touch')
Vue.use(VueTouch, {name: 'v-touch'})

//左劃   默認(rèn)渲染為div  data為參數(shù)
Swipe me!
//點擊  渲染為一個a標(biāo)簽
Tap me!
//點擊  渲染為p標(biāo)簽
Tap me!

以上是“vue2.0如何實現(xiàn)移動端滑動事件vue-touch”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：vue2.0如何實現(xiàn)移動端滑動事件vue-touch-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://weahome.cn/article/dsccgi.html