微信小程序开发,假设js的data里有数组对象,里边有一个star属性。界面根据star属性,如果是1循环输出个1,如果是2循环输出个2个1,以此类推。代码演示
时间: 2024-02-09 17:12:38 浏览: 67
微信小程序开发之改变data中数组或对象的某一属性值
好的,这个功能可以使用嵌套的`wx:for`来实现,具体代码如下:
```html
<view wx:for="{{array}}" wx:for-item="item">
<block wx:for="{{item.star}}" wx:for-item="star">
<block wx:for="{{star}}" wx:for-item="index">
<view wx:if="{{index < item.star}}">{{star}}</view>
</block>
</block>
</view>
```
其中,`array`是你在js的data里定义的数组对象,`item`是数组中的每一个对象。我们首先使用`wx:for="{{array}}"`来遍历整个数组,然后使用`wx:for="{{item.star}}"`来遍历每个对象中的`star`属性。
在`<block wx:for="{{item.star}}" wx:for-item="star">`中,我们再次使用`wx:for`来遍历`star`属性,然后使用`wx:for="{{star}}"`来遍历每个`star`属性对应的数组。
在`<view wx:if="{{index < item.star}}">{{star}}</view>`中,我们判断当前循环的索引`index`是否小于`item.star`,如果是,就输出`star`的值。这样就可以根据`star`属性循环输出对应数量的数字了。比如,如果`item.star`是2,那么`star`就是一个含有两个元素的数组,我们在内层的`wx:for`中再次遍历这个数组,输出两个1。
希望这个代码能够帮到你!
阅读全文