vue2.0移动端滑动事件vue-touch

最新推荐文章于 2025-06-25 09:08:29 发布

原创最新推荐文章于 2025-06-25 09:08:29 发布 · 5.1w 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue-touch

vue-js 专栏收录该内容

53 篇文章

订阅专栏

本文介绍如何通过Vue-Touch库为Vue.js应用程序添加触摸事件处理能力。具体包括安装最新版本的Vue-Touch，使用不同的标签来实现如滑动、点击等触摸交互，并展示如何在组件中绑定这些事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

cnpm install vue-touch@next

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

//左划      默认渲染为div   data为参数
<v-touch v-on:swipeleft="onSwipeLeft(data)">Swipe me!</v-touch>
//点击   渲染为一个a标签
<v-touch tag="a" v-on:tap="onTap">Tap me!</v-touch>
//点击   渲染为p标签
<v-touch tag="p" v-on:tap="onTap">Tap me!</v-touch>