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>
你上面的代码修改的是哪个demo呢,麻烦详细描述一下重现你这边问题的步骤
页:
[1]