vue-tap

vue-tap 介绍

vue的tap手势插件。

如何使用

ES6

# install v-tap

npm install v-tap --save;

# 请注意！是**v-taP** 不是 **vue-taP**

import vueTap from 'v-tap';

vue.use(vueTap);

直接引入

<script src="./vue.js"></script>

<script src="./vue-tap.js"></script>

vue2.0

vue2.0的绑定形式略有不同 主要改为 v-tap={ methods : xxx,paramA : a,paramB:b} 的形式// 具体请看demo test-href.html<!--如果想要快速跳转直接写v-tap即可不用写任何参数--><a href="http://www.baidu.com" v-tap>如果想要快速跳转直接写v-tap即可不用写任何参数</a><p v-tap.prevent="{ methods : scroll }">无法滑动页面</p><!-- 这样的a标签可以进行一些处理而不跳转 --><a v-tap.prevent="{ methods : cant }" href="这是无法跳转的">这是无法跳转的</a><!--这样一样会直接快速跳转不会执行cant 除非设置了prevent--><a href="aaa" v-tap="{ methods : cant }">can't</a><a v-tap="a++">v-tap="a++" 直接执行表达式在2.0里无法使用</a><a href="JavaScript:window.history.go(-1);" v-tap>我可以直接在href里写js代码 如history.go(-1)</a>new vue({el: "body",methods : {callback : function(params) {// params 可获取绑定时候带的参数console.log(params.event); // 原生事件console.log(params.tapObj); // 手指触摸的一些参数console.log(params.paramA); // 绑定时候传入的paramAconsole.log(params.paramB); // 绑定时候传入的paramB}}});链接: http://www.fly63.com/nav/2621

GitHub:https://github.com/MeCKodo/vue-tap

网站描述:vue的tap手势插件

vue-tap

官方网站：