spread.refresh()设置SpreadJS高度延迟

产品：SpreadJS
vue框架改变DIV高度后，spread.refresh();后spread的高度变化响应会延迟？

1. 
   
2. <div ref="spreadDiv" :class="hostClass">
   
3.     <gc-spread-sheets ref="spreadRef" :hostClass="hostClass" @workbookInitialized="initWorkbook">
   
4.     </gc-spread-sheets>
   
5. </div>
   
6. 
   
7.   <v-expansion-panels v-model="panelNefuda" class="mt-5" :eager="true">
   
8.       <v-expansion-panel value="1">
   
9.         <v-expansion-panel-title class="font-weight-bold" @click="spreadChange"
   
10.           >{{expansionText}}</v-expansion-panel-title
    
11. 
    
12.         >
    
13. <script>
    
14.     methods: {
    
15.       spreadChange(){
    
16.         if(this.panelNefuda){
    
17.           this.expansionText = "扩展面板展开";
    
18.           this.hostClassSpread = "spreadHost";
    
19.           this.hostClass = "spreadHost";
    
20.         }else{
    
21.           this.expansionText = "扩展面板收起";
    
22.           this.hostClassSpread = "spreadHostChange";
    
23.           this.hostClass = "spreadHostChange";
    
24.         }
    
25.         this.spreadData.refresh();
    
26.       },
    
27. <style>
    
28. .spreadHost {
    
29.   width: 770px;
    
30.   height: 300px;
    
31. }
    
32. .spreadHostChange {
    
33.   width: 770px;
    
34.   height: 600px;
    
35. }
    
36. </style>

复制代码

1、初始：

2、点一次：

3、再点一次

4、再点一次：

您好，您可以加个setTimeout解决您的问题。

1. if (this.panelNefuda) {
   
2.         this.hostClass = "spreadHost";
   
3.       } else {
   
4.         this.hostClass = "spreadHostChange";
   
5.       }
   
6.       this.panelNefuda = !this.panelNefuda
   
7.       setTimeout(() => {
   
8.         this.spread.refresh();
   
9.       })

复制代码

加了之后，这边测试没有问题，见下动图