小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想问下大家这样的列表每一项需要一个倒计时，实现思路是怎么样的？
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
写一个组件<custom_timer></custom_timer>传入参数到期时间，然后就可以无限复用了；还省事
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
现在遇到的问题是数据一条一条传入组件，一次传入20条数据，然后分别倒计时，在分页的时候不知道该怎么处理之前传入数据的倒计时？
你说的我不明白，在每个需要的地方调用一次组件，每个组件负责一个倒计时，到期时间是固定的，或者你用后台传入，组件本身不会受到影响
<block wx:for='{{[100,200,300]}}' wx:key='{{index}}'>
<view>
<countdown
sign='{{index}}_{{item}}'
time='{{item}}'
format='hh:mm:ss'
bind:end='onCountdownEnd'>
</countdown>
</view>
</block>
列表页倒计时，按你说的性能会炸，如果足够多的话
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
写一个组件<custom_timer></custom_timer>传入参数到期时间，然后就可以无限复用了；还省事
现在遇到的问题是数据一条一条传入组件，一次传入20条数据，然后分别倒计时，在分页的时候不知道该怎么处理之前传入数据的倒计时？
你说的我不明白，在每个需要的地方调用一次组件，每个组件负责一个倒计时，到期时间是固定的，或者你用后台传入，组件本身不会受到影响
<block wx:for='{{[100,200,300]}}' wx:key='{{index}}'>
<view>
<countdown
sign='{{index}}_{{item}}'
time='{{item}}'
format='hh:mm:ss'
bind:end='onCountdownEnd'>
</countdown>
</view>
</block>
列表页倒计时，按你说的性能会炸，如果足够多的话