從0開始寫小程序(三)前臺循環數據綁定

微信小程序的循環數據綁定到wxml例:
wxml裏:javascript

 <view wx:for="{{array}}">

    {{item.message}}
    
 </view>

經過上面的wx.for能夠綁定一個數組,數組是json類型的;默認的索引序號是item,因此用{{item.message}}
顯示數據js裏:html

data: {
      array: [
    {
    "message": "foot",
    "txt": "123"
    },
    {
    "message": "bar"
    }]
},

如上的json數組是能夠經過wxml裏的方法循環輸出數組數據
 java

相關文章
相關標籤/搜索