- 1.先创建一个文件交common文件在文件下面创建一个common.js文件内容如下
- // 处理多次点击
- function dianji(fn) {
- let that = this;
- if (that.onoff) {
- that.onoff = false;
- fn();
- setTimeout(function () {
- that.onoff = true;
- }, 1500)
- } else {
- //如果一直走else分支可能是你没有在页面的data下面挂载onoff:true,不然一直都会走else
- console.log("请稍后点击")
- }
- }
- export {
- dianji
- }
- 2.在main.js中引入然后挂载待vue原型上这样就可以全局使用了
- import { dianji } from './common/common'
- Vue.prototype.$dianji = dianji;
- 3.使用的时候
- <view class="list-container" @click="$dianji(target)">
- target:就是你需要触发的函数;