vueTap插件兼容性和vue框架兼容性类似
示例代码可右键查看源码
安装方式: npm i -D vue-tap-directive
<script src='https://github.com/linlinyang/vuetap/blob/master/dist/vueTap.min.js'></script>
vue的事件修饰符在这里均可以使用
{{ vueTapAll }}
绑定所有指令,请在控制台查看console.log结果
{{ bindVueTap }}
默认绑定点击事件
{{ vueTapCustom }}
自定义指令时使用vuetap的swiperRight属性,自定义指令驼峰命名使用指令时请转换成v-逆驼峰格式

请在控制台查看结果,其他可自定义指令与此相同
{{ vueTapCustom }}
自定义指令时使用vuetap的tap属性,自定义指令驼峰命名使用指令时请转换成v-逆驼峰格式

请在控制台查看结果,其他可自定义指令与此相同
所有可用于自定义指令vueTap的属性:

directives: { touchRight: vueTap.swiperRight },//定义右滑指令
directives: { touchLeft: vueTap.swiperLeft },//定义左滑指令
directives: { touchDown: vueTap.swiperDown },//定义下滑指令
directives: { touchUp: vueTap.swiperUp },//定义上滑指令
directives: { tap: vueTap.tap },//定义点击指令
全局安装示例:
Vue.use('vueTap',vueTap)
此方法使用与示例1类似
全局安装单个属性:
Vue.use({ install: function(){ Vue.directive('customName',vueTap.swiperLeft); } })