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.