Vue Plugin for Advanced Click Directive Component Library

advanced-click-directive-plugin

Vue Click is an advanced click routing for handling click, hold, release, and press events in applications.

vue click multiple functions, click call javascript function, vue click function with parameters, advanced click not working, npm click in js

How to make use of it:

Install and download:

# NPM
$ npm i vue-click

1. Import and Register Plugin Click.

import { createApp } from 'vue'
import VueClick from 'vue-click'
const app = createApp({})
app.use(VueClick)
app.mount('#app')

2. Uses:

// single click
<button v-click="myFunction" />

// throttle
<button v-click.throttle="myFunction" />
<button v-click.throttle.500ms="myFunction" />

// debounce
<button v-click.debounce="myFunction" />
<button v-click.debounce.20ms="myFunction">

// double click
<button v-click.double="myFunction" />

// time period: 1 second
<button v-click.double.1s="myFunction" />

// double click once
<button v-click.double.once="myFunction" />

// hold
<button v-click.hold="myFunction" />

// time period: 1 second
<button v-click.hold.1s="myFunction" />

// press
<button v-click:press="myFunction" />

// release
<button v-click:release="myFunction" />

Advanced Click Directive, Vue Click Plugin/Github


See Demo And Download

Official Website(bayssmekanique): Click Here

This superior jQuery/javascript plugin is developed by bayssmekanique. For extra Advanced Usages, please go to the official website.