Vue 里面解决点击某一个请求接口 接口还没处理完 又点击请求 数据显示串的问题

实现思路：

1. 在data中声明一个全局变量 

2. 在点击需要触发方法里面去给变量赋值一串随机的数字活Uuid

3. 在请求接口的方法里面加个参数 把变量传过去（需要深度拷贝一下）

4. 在请求接口的方法做操作 比较 赋值全局变量 和 形参比较 如果相同则push到要展示的数组中

import _ from "lodash";
data(){
   return{
        loadId:0
    }
}

methods:{
    // 点击触发的方法
    clickNode(){
        // 在这给变量loadId赋值随机的Uuid
        this.loadId = this.getUuid();
        // 调用接口的方法 并深度拷贝loadId内存地址 tip: cloneDeep需要安装lodash才能使用
        getLoadList(_.cloneDeep(this.loadId));
    },
    getLoadList(loadId){
        // 调用接口的axios请求 在接口请求成功之后判断 this.loadId 和形参中loadId是否一致
        if(this.loadId == loadId){
            // 给数组赋值
        }
    }，
    getUuid() {
      let s = [];
      let hexDigits = "0123456789abcdef";
      for (let i = 0; i < 36; i++) {
        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
      }
      s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
      s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
      s[8] = s[13] = s[18] = s[23] = "-";

      //return s.join("").replaceAll("-", "");
      return s.join("").replace(/-/g, "");
    },
}