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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_39702981/article/details/86305729

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

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

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

这个是满心的(最多五个)后台传了一个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>

这是最终想要的效果图

--------------------- 
作者:qq_40128591 
来源:CSDN 
原文:https://blog.csdn.net/qq_40128591/article/details/81026896 
版权声明:本文为博主原创文章,转载请附上博文链接!

猜你喜欢

转载自blog.csdn.net/qq_39702981/article/details/86305729