zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    作业
    第四次作业
    第三次作业
    作业
    第4次作业
    第3次作业,c语言
    第二次作业
    黄义方 作业4
    课堂作业
    第三次作业
  • 原文地址:https://www.cnblogs.com/wangqi2019/p/12134618.html
Copyright © 2011-2022 走看看