vue-tap

vue-tap 介绍

vue的tap手势 插件 。

如何使用

ES6

# install v-tap

npm install v-tap --save;

# 请注意！是**v-ta P* * 不是 **vue-ta P* *

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,p ara mA : a,p ara mB: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(p ara ms) {// p ara ms 可 获取 绑定时候带的参数console.log(p ara ms.event); // 原生事件console.log(p ara ms.tapObj); // 手指触摸的一些参数console.log(p ara ms.p ara mA); // 绑定时候传入的p ara mAconsole.log(p ara ms.p ara mB); // 绑定时候传入的p ara mB}}}); 链接 : http://www.fly63.com/nav/2621

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

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

vue-tap官方网站

官方网站：

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于vue-tap的详细内容...