微信小程序 - 循环

前言

        前端代码编写中，循环的使用是必不可少的，只要有相似内容的列表存在，大概率就会使用到循环，如：商品列表、每月收益、排行榜等。

数组/列表循环

使用wx的特殊语法来实现循环功能。

wx:for = "{ {循环的列表（数组/对象）}}"

wx:for-item = "循环项的名称"

wx:for-index = "循环项的索引"

.js 文件：
Page:{
    selectedGoods:[
        {name:'商品1',salePrice:100,originPrice:390,desc:'特价促销'}，
        {name:'商品2',salePrice:130,originPrice:300,desc:'买一赠一'}，
        {name:'商品3',salePrice:80,originPrice:200,desc:'甩货处理'}，
    ]
}

.wxml 文件：
<block class="my_draw_canvas" 
    wx:for="{
  {selectedGoods}}"
    wx:for-item="item"
    wx:for-index="index">
    <view>{
  {index}}</view>
    <view>{
  {item.name}}</view>
    <view>{<