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>
  • 相关阅读:
    在线课程的总结
    数据库相关整理
    两个栈实现队列&两个栈实现队列
    Django中间件的5种自定义方法
    Python Web开发之路
    内置函数——format
    Django组件拾忆
    支付宝支付流程
    消息队列之RabbitMQ
    WebSocket
  • 原文地址:https://www.cnblogs.com/wangqi2019/p/12134618.html
Copyright © 2011-2022 走看看