https://github.com/zhuping/intercept-click-vue
基于 Vue 的点击拦截插件,0侵入业务代码,自带防抖功能
https://github.com/zhuping/intercept-click-vue
Last synced: 3 months ago
JSON representation
基于 Vue 的点击拦截插件,0侵入业务代码,自带防抖功能
- Host: GitHub
- URL: https://github.com/zhuping/intercept-click-vue
- Owner: zhuping
- Created: 2020-08-11T08:48:29.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-10-10T04:02:36.000Z (over 4 years ago)
- Last Synced: 2025-01-03T12:13:33.038Z (5 months ago)
- Language: JavaScript
- Homepage:
- Size: 38.1 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# intercept-click-vue
基于 Vue 的点击拦截插件,0业务代码侵入,默认对点击操作做了防抖(debounce)处理
### Usage
```vue
import Intercept from 'intercept-click-vue';
Vue.use(Intercept, (e, contexts, index, eventType) => {
...
});
```### Tips
如果针对某些场景不需要做 `click` 拦截操作,比如键盘输入,可以在 `绑定事件的元素` 或者 `绑定事件的父元素` 上添加 `data-intercept="stop"` 属性,例如:
```html
点击
```### Inspiration
* [link](https://www.zhihu.com/question/290066361/answer/486336434)