Vue.js 3的高级点击指令 - vue-click

Vue.js 3的高级点击指令  - vue-click
插件名称 vue-click
发布时间 2021年3月19日
插件作者 bayssmekanique

一个高级单击指令,用于处理应用程序中的单击,保持,释放和按下事件。

安装和下载:

# NPM
$ npm i vue-click

如何使用它:

1.导入并注册click插件。

// 单击
<button v-click="myFunction" />

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

// 消除抖动
<button v-click.debounce="myFunction" />
<button v-click.debounce.20ms="myFunction">

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

// 时间段:1秒
<button v-click.double.1s="myFunction" />

// 双击一次
<button v-click.double.once="myFunction" />

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

// 时间段:1秒
<button v-click.hold.1s="myFunction" />

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

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