vue前端防止按钮在短时间内多次点击

//html层
<el-button :loading="saveLoading" type="primary" @click="handleClick">确定</el-button>

//data层
isLoading:false,    //按钮点击loading控制，默认为false

//事件逻辑
methods: {
  handleClick() {
    //事件逻辑处理
    this.ajaxRequest()      //发送ajax请求  
  }，
  async ajaxRequest() {
    if(this.saveLoading) return    //当接口请求没响应之前，loading为true，此时通过该语句return掉不执行下面的操作，从而控制请求次数
    this.saveLoading = true
    const [err, res] = await interface()    //接口调用
    this.saveLoading = false
  }
}