找回密码
 立即注册

QQ登录

只需一步,快速开始

HJ-LY

注册会员

7

主题

19

帖子

66

积分

注册会员

积分
66
HJ-LY
注册会员   /  发表于:2023-10-11 20:28  /   查看:1719  /  回复:1
1金币
本帖最后由 Ellia.Duan 于 2023-10-13 11:46 编辑


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

  1. <div ref="spreadDiv" :class="hostClass">
  2.     <gc-spread-sheets ref="spreadRef" :hostClass="hostClass" @workbookInitialized="initWorkbook">
  3.     </gc-spread-sheets>
  4. </div>

  5.   <v-expansion-panels v-model="panelNefuda" class="mt-5" :eager="true">
  6.       <v-expansion-panel value="1">
  7.         <v-expansion-panel-title class="font-weight-bold" @click="spreadChange"
  8.           >{{expansionText}}</v-expansion-panel-title

  9.         >
  10. <script>
  11.     methods: {
  12.       spreadChange(){
  13.         if(this.panelNefuda){
  14.           this.expansionText = "扩展面板展开";
  15.           this.hostClassSpread = "spreadHost";
  16.           this.hostClass = "spreadHost";
  17.         }else{
  18.           this.expansionText = "扩展面板收起";
  19.           this.hostClassSpread = "spreadHostChange";
  20.           this.hostClass = "spreadHostChange";
  21.         }
  22.         this.spreadData.refresh();
  23.       },
  24. <style>
  25. .spreadHost {
  26.   width: 770px;
  27.   height: 300px;
  28. }
  29. .spreadHostChange {
  30.   width: 770px;
  31.   height: 600px;
  32. }
  33. </style>
复制代码


1、初始:
image.png870147094.png
2、点一次:
image.png358741759.png
3、再点一次
image.png127798155.png
4、再点一次:
image.png888214111.png

最佳答案

查看完整内容

您好,您可以加个setTimeout解决您的问题。 加了之后,这边测试没有问题,见下动图

1 个回复

倒序浏览
最佳答案
最佳答案
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2023-10-11 20:28:28
来自 2#
本帖最后由 Ellia.Duan 于 2023-10-12 10:24 编辑

您好,您可以加个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.       })
复制代码

加了之后,这边测试没有问题,见下动图
height.gif
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部