插件名称 | 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" />
官网:https://github.com/bayssmekanique/vue-click
演示:https://www.vue365.cn/code_demo.php?id=4353
GitHub下载:https://github.com/bayssmekanique/vue-click/archive/master.zip