tdesign-miniprogram
tdesign-miniprogram copied to clipboard
[t-grid] t-grid-item使用image属性动态加载图片加载速度缓慢并会阻碍主线程造成页面出现卡顿
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,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
建议先将版本升级至1.0以上先
请问问题解决了吗?我现在也遇到了同样的问题,数据量大的时候会卡顿