玉置 发表于 2022-12-29 11:14:26

wijmojs tabpanel 切换tab时会瞬间显示一次前次的内容

本帖最后由 玉置 于 2022-12-29 14:46 编辑

业务要求是:wj-tab-panel的tab中的内容会随着时间动态变化。
如果初次表示则先是白色的无数据状态,然后表示出tab中内容。----这个OK。
问题是:再次从其他tab跳转回来后,会先表示一次上次的内容,大概0.5秒后会刷新出最新时间的内容。即有一种闪动的感觉
备注:tab内数据量比较大时该问题现象更明显。机器配置高时,闪动会很快,小于0.5秒,但还是能感觉到闪动。
重现方法:直接修改贵公司官网的demo,只要每次点击tab时该tab数据是有变化的即可重现。

请教:切换回来时,数据完全渲染前怎么保持白色的无内容状态? 或者不让用户感知到闪动也可以。

代码如下:
<wj-tab-panel #tabList id="tabList" class="navitab" ="false"
                  [(selectedIndex)]="tabIdx"
                  (selectedIndexChanged)="changeTab()"
                  style="left:10px; top:50px; height:433px; width:1004px; ">
      <div class="panel-div">
      <wj-tab>
          <a id="tab1">tab1</a>
          <div id="div1" >
          <p>这里的div1内容会随着时间变化。如果初次表示则先是白色的无数据状态,然后表示出div1内容。----这个OK。</p>
          <p>问题是再次从其他tab跳转回来后,会先表示一次上次的div1的内容,大概0.5秒后会刷新出最新时间的div1内容。</p>
          <p>请教:切换回来时,数据完全渲染前怎么保持白色的无内容状态?</p>
          </div>
       </wj-tab>
      <wj-tab>
          <a id="tab2">tab2</a>
          <div id="div2" >
          <p>这里的div2内容会随着时间变化。如果初次表示则先是白色的无数据状态,然后表示出div2内容。----这个OK。</p>
          <p>问题是再次从其他tab跳转回来后,会先表示一次上次的div2的内容,大概0.5秒后会刷新出最新时间的div2内容。</p>
          <p>请教:切换回来时,数据完全渲染前怎么保持白色的无内容状态?</p>
          </div>
       </wj-tab>
      </div>
</wj-tab-panel>

Richard.Ma 发表于 2022-12-29 15:18:16

你上面的代码修改的是哪个demo呢,麻烦详细描述一下重现你这边问题的步骤
页: [1]
查看完整版本: wijmojs tabpanel 切换tab时会瞬间显示一次前次的内容