微信小程序 --- for循環渲染

循環標簽：wx:for

<view wx:for="{{['aa','bb','cc']}}">
{{index}} {{item}}
</view>

這里的 index 和 item是微信默認的，可以自定義：

<view wx:for="{{['aa','bb','cc']}}" wx:for-index="a" wx:for-item="x">
{{a}} {{x}}
</view>

可以這樣玩：點擊刪除

<view wx:for="{{color}}">
{{index}}:{{item}}
</view>

page.js文件

//獲取應用實例
const app = getApp()
Page({
  data: {
    text: "點擊",
    onOff: false,
    color: ['red','orange','yellow']
  },
  btnclick:function(){ 
      var onOff = this.data.onOff;
      var color = this.data.color;
      color.shift();
      this.setData({text:"新內容",onOff:!onOff,color:color});
  }
})