tdesign-miniprogram icon indicating copy to clipboard operation
tdesign-miniprogram copied to clipboard

[t-grid] t-grid-item使用image属性动态加载图片加载速度缓慢并会阻碍主线程造成页面出现卡顿

Open Elixin opened this issue 2 years ago • 3 comments

tdesign-miniprogram 版本

0.21.2

重现链接

No response

重现步骤

如下使用会在图片加载这里花大量的时间造成卡顿

<t-grid wx:for="{{type}}" wx:for-item="typeitem" wx:for-index="keys">
<t-grid-item bindtap="popview" wx:for="{{typeitem}}" data-index="{{keys}}" wx:key="index2" data-id="{{item.id}}" wx:for-item="item" text="{{item.name}}"  image=" {{imgUrl+ item.image}}"/>
</t-grid>

我的解决办法:

<t-grid wx:for="{{type}}" wx:for-item="typeitem" wx:for-index="keys">
            <t-grid-item bindtap="popview" wx:for="{{typeitem}}" data-index="{{keys}}" wx:key="index2" data-id="{{item.id}}" wx:for-item="item" text="{{item.name}}">
              <image src="{{imgUrl+ item.image}}" />
            </t-grid-item>
          </t-grid>

期望结果

不会阻塞主线程

实际结果

阻塞主线程造成卡顿

基础库版本

2.30.2

补充说明

No response

Elixin avatar Jun 28 '23 06:06 Elixin

👋 @Elixin,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Jun 28 '23 06:06 github-actions[bot]

建议先将版本升级至1.0以上先

LeeJim avatar Jun 29 '23 07:06 LeeJim

请问问题解决了吗?我现在也遇到了同样的问题,数据量大的时候会卡顿

PatrickMXY avatar Jan 11 '24 08:01 PatrickMXY