# 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 // 不论成功与否,解锁
            })
        }
    }
}

# 用途

防止连续点击

最后更新于: 12/28/2021, 4:50:59 PM