vue的tap手势插件。
如何使用
# 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); // 绑定时候传入的paramA
console.log(params.paramB); // 绑定时候传入的paramB
}
}
});
链接: https://fly63.com/nav/2621
