【14.1.0】【excelIo.save如何设置同步处理】

1、前端集成框架：VUE。
2、demo示例如下：

1. test() {
   
2.      let json = this.spread.toJSON();
   
3.      alert(1);
   
4. 
   
5.      this.excelIo.save(json, (blob) => {
   
6.          alert(2)
   
7.      })
   
8. 
   
9.      alert(3);
   
10. },

复制代码

3、当前alert结果：1  3  2。
4、需求：alert结果为  1 2 3。
5、备注：已尝试过如下代码，未生效。

1. async test() {
   
2.      let json = this.spread.toJSON();
   
3.      alert(1);
   
4. 
   
5.     await this.excelIo.save(json, (blob) => {
   
6.          alert(2)
   
7.     })
   
8. 
   
9.      alert(3);
   
10. },

复制代码

SpreadJS没有excelIo.save是异步执行,后续估计也不会提供。如果您需要上传之后保存，可以在
axios({ ... }).then(res => {
里面嵌入调用upload
}
这是异步执行的一种方式，另外可以尝试用promise去做，相关资料我替您百度了一下，供您参考。https://www.jianshu.com/p/814704996323

https://www.cnblogs.com/ccylovehs/p/10425199.html

Clark.Pan 发表于 2021-7-19 11:43
那就外层不要返回，在excelIo.save中返回就好了，本身异步处理您的那种方法就是有问题的。正确的方式就是上 ...

在内层返回的话没法满足现有需求得哇。如下：

1. // A服务保存
   
2. save() {
   
3.     let result = this.upload();
   
4.    
   
5.     // 构造参数，调用A服务接口
   
6.     let param = {
   
7.           "xx": result,
   
8.           ...
   
9.     }
   
10.    
    
11.   
    
12.    axios({....})
    
13. 
    
14. }
    
15. 
    
16. // 将文件上传至B服务，获得某返回值
    
17. upload() {
    
18.      let result = null;
    
19.      let json = this.spread.toJSON();
    
20. 
    
21.      this.excelIo.save(json, (blob) => {      
    
22.          // 构造form表单，且调用B服务后台接口，拿到返回值
    
23.         let form = new FormData(...)
    
24.         form.append(...)
    
25. 
    
26.         axios({ ... }).then(res => {
    
27.             // 一系列处理后，赋值result
    
28.             result = res.data
    
29.         })
    
30.      })
    
31.    
    
32.     return result;
    
33. }

复制代码

是否有方案使得excelIo.save方法同步执行呢？

那就外层不要返回，在excelIo.save中返回就好了，本身异步处理您的那种方法就是有问题的。正确的方式就是上面我跟您说的那种

Clark.Pan 发表于 2021-7-19 11:34
excelIo.save本身就是异步操作，如需同步处理，可以在操作的successcallback中去处理，例如：

test() { ...

有其他设置为同步的方案吗？因为我这边还涉及到 test() 这个方法的返回值。如下：

1. save() {
   
2.      let result = this.test();
   
3.      // 对result的一系列处理
   
4. },
   
5. 
   
6. 
   
7. test() {
   
8.      let result = ""
   
9.    
   
10.      this.excelIo.save(json, (blob) => {
    
11.          // 一系列处理后对result赋值
    
12.          result = "xxxxx"
    
13.      })
    
14. 
    
15.      return result;
    
16. }

复制代码

excelIo.save本身就是异步操作，如需同步处理，可以在操作的successcallback中去处理，例如：

• test() {
•      let json = this.spread.toJSON();
•      alert(1);
•      this.excelIo.save(json, (blob) => {
•          alert(2);
•          alert(3);
•      })
• }