微信小程序中的列表渲染，动态设置class类 ,style样式，在元素上绑定数据

微信小程序——列表渲染wx:for

<view wx:for="{{array}}">
  {{index}}: {{item.message}}
</view>

Page({
  data: {
    array: [{
      message: 'foo',
    }, {
      message: 'bar'
    }]
  }
})

也可以使用 wx:for-item 可以指定数组当前元素的变量名，

也可以使用 wx:for-index 可以指定数组当前下标的变量名：

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  {{idx}}: {{itemName.message}}
</view>

动态设置多个class类：<scroll-view  class="show {{enterprise.length>1?'show1':'show2'}}"></scroll-view>

在元素上绑定数据：<view wx:for="{{enterprise}}" data-companyName="{{item.companyZhong}}">{{item.companyZhong}}</view>

<view style="background:{{selected ? 'red' : 'blue'}}" >红色</view>