Vue 中 Axios 使用 JavaScript 异步锁

📆 2021-12-28 16:14

实现

export default{
    data(){
        lock:false
    },
    methods:{
        sendAxiosRequest(){
            if(this.lock) return // 如果有锁则直接返回，拒绝响应本次事件

            this.lock=true // 立即加锁

            this.$axios.post('/users/query',{userId:1}).then(r=>{

            }).catch(r=>{

            }).finally(()=>{
                this.lock=false // 不论成功与否，解锁
            })
        }
    }
}

用途

防止连续点击