Vue long press directive plugi

Vue long press directive plugin，一个 Vue 长按事件指令插件，长按时间隔默认800ms，可通过对象字面量参数配置

Fork from:https://github.com/huajianduzhuo/vueConfig/tree/master/plugins/LongTap

main.js

import LongPress from '@/plugin/LongPress' Vue.use(LongPress)

App.vue

<mu-container class="button-wrapper"> <mu-button v-longpress="{handler: longpress,params:{token:'263499118'}}" color="info">LongPress 1</mu-button> <mu-button v-longpress="()=>longpress({token:'263499118'})" color="success">LongPress 2</mu-button> <mu-button v-longpress="(event,el,vNode)=>longpress2(event,el,vNode,{token:'263499118'})" color="warning">LongPress 3</mu-button> // 不能用以下方式绑定方法 // <mu-button v-longpress="longpress({token:'263499118'})" color="success">LongPress 4</mu-button> </mu-container>

methods: { longpress(data) { console.log(data.token) }, longpress2(event,el.vNode,data) { console.log(event) console.log(el) console.log(vNode) console.log(data.token) } } 对象字面量配置参数

使用对象字面量方式绑定长按事件，可以配置一些参数

长按元素时，可以为该元素添加激活时的样式，只需要添加一个全局的样式 longtap-active 即可，若有与元素本身的样式重复的，应添加 !important。

该样式在点击时也会应用。