其他分享
首页 > 其他分享> > js --》 如何防止在请求接口时,禁止重复使用该接口?(重复提交问题)

js --》 如何防止在请求接口时,禁止重复使用该接口?(重复提交问题)

作者:互联网

<template>
  <div>

  </div>
</template>

<script>
import api from "@/components/api.vue";
import qs from "qs";
export default {
  data() {
    return {
      websockFlag: true,//开关变量
    };
  },
  methods: {
   //保存 saveItem() { if (!websockFlag) { this.$message("正在请求中,请勿重复操作!"); this.websockFlag = true; return; } let parm = { token: JSON.parse(localStorage.userMsg).token, point_key: this.point_key, control_value: this.control_value }; this.websockFlag = false; // 解决异步,不要写在api请求中 api.selectUserInfo(qs.stringify(param)).then(res => { if (res) { this.websockFlag = true; //清零 该次请求未完成,不允许进行下次请求 } if (res.code != 200) { this.$message({ message: "请求失败!", type: "success", showClose: true }); } }); } } }; </script> <style lang="scss"> </style>

标签:qs,websockFlag,请求,接口,重复使用,api,message,js,true
来源: https://www.cnblogs.com/wangqi2019/p/12134618.html