vue uniapp 防止按钮多次点击的三种实现方式

            // 确定
			config() {
				// this.isDisabled = true	//	true,允许点击
				if (!this.isDisabled) return
				this.isDisabled = false
				const findParam = {
					"id": uni.getStorageSync('login_user_info').username,
					"remarks": this.remarks
				}
				submitApi(findParam).then(res => {
					// 在返回结果里面执行
					if (res.data.success) {
						this.isDisabled = true
					} else {
						this.isDisabled = true
					}
				}).catch(err => {
					this.isDisabled = true
				})
			}

// 这里只展示控制点击事件主要内容
http.interceptor.request((config, cancel) => { /* 请求之前拦截器 */
  // 显示loading
  uni.showLoading({
    title: "加载中",
    mask: true, // 显示透明蒙层，防止触摸穿透
  });
  config.header = {
    ...config.header,
     'X-Access-Token':getTokenStorage()
  }
  return config
})
// 必须使用异步函数，注意
http.interceptor.response(async (response) => { /* 请求之后拦截器 */
  uni.hideLoading() // 关闭loading
  return response
}, (response) => {
	// 请求错误做点什么
    uni.hideLoading() // 关闭loading
  return response
})