vue-longpress 长按事件指令插件

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)
    }
}
最后修改:2019 年 05 月 23 日 09 : 55 AM
如果觉得我的文章对你有用,请随意赞赏

发表评论