实现思路:
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, "");
},
}