微信小程序制定循环次数,根据一个数字来循环多少次

时间:2024-03-19 07:58:59

今天有个功能,根据后台给的数据来判断要给多少颗星,但是之前都是循环的对象类型,我要怎么根据一个数字来做循环呢?

请看::::::::给大家分享一下。(如果有更好的方法记得……你懂得。)

微信小程序制定循环次数,根据一个数字来循环多少次这个是满心的(最多五个)后台传了一个5给我,但是如果后台给我们传了一个二呢?下面请看代码。

微信小程序制定循环次数,根据一个数字来循环多少次当传过来二的候后面的星星变成空心的。

<view class='star-level'>

<block wx:if='{{item.grade > 0}}'>//第一个先判断后台传过来的数据要大于0再进行循环
<block wx:for='{{item.grade-0}}' wx:key='un'>//注意这里item.grade是后台传过来的星级,为什么是减零呢,?
           //自我感觉就是当它是减法的时候,他会自动从大到小减到以反之就是加(这只是我的假想,大家可以去研究一下。)。
<image src='/images/ico_good_masterdata.png'></image>//这是实心的星星
</block>
</block>

<block wx:if='{{item.grade < 5}}'>//判断如果传过来的值小于5就执行以下循环
<block wx:for='{{5-item.grade-0}}' wx:key="un">//我们循环用最大数减去传过来的数得到的值,就得到我们后面的空心圆了。
<image src='/images/ico_bad_masterdata.png'></image>
</block>
</block>

</view>

这是最终想要的效果图

微信小程序制定循环次数,根据一个数字来循环多少次