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>
posted @ 2020-01-02 18:40  我是一名好程序员  阅读(1804)  评论(0编辑  收藏  举报