此文章发布于 66 个月前，部分信息可能已经过时，请自行斟酌确认。

vue-longpress-plugin 是一个 Vue 长按事件指令插件，可以非常简单的实现长按操作，长按时间隔默认800ms，可通过对象字面量参数配置。

项目地址

https://github.com/ifu25/vue-longpress-plugin

使用方法

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)
    }
}