一 : 创建global.js文件(配置同级 的 utils/global.js)

let timeout, result;
function clicks (func) {
    let args = arguments;
    console.log(args);
    if (timeout) {
        clearTimeout(timeout)
    }
    let callNow = !timeout
    timeout = setTimeout(() => {
        timeout = null;
    }, 3000)
    if (callNow) {
        // result = func.apply(this, args) //如this指向有问题再开启 并注释下一行
        result = func(...args)
    }
    return result
}

const global = {
	clicks: clicks
}

export default global

二 : main.js

import global from './utils/global.js';
Vue.prototype.$global = global
export function createApp() {
	// ...
	app.config.globalProperties.$global = global;
	// ...
}

三 : 使用

<button class="button" @click="$global.clicks(submit)">
	<text>提交</text>
</button>
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐