vue项目怎么阻止很快速的点击两次然后提交的两次请求

像提交表单类似的数据的时候，连续点击两次会出现提交两次请求，前端有没有全局的js去控制这个?

<template>
<div>
    <!-- 其他代码 -->
    <button v-if="canSave" @click="save">提交</button>
    <button v-else disabled>提交</button>
</div>
</template>
<script>
export default {
    data(){
        return {
            canSave: true,
        }
    },
    methods: {
        save(){
            if(!canSave){
                return;
            }
            this.canSave = false;
            // AJAX 结束后 this.canSave = true;
        },
    }
}
</script>

本文看自：https://segmentfault.com/q/1010000015296510

来源：https://www.cnblogs.com/smart-girl/p/12605666.html