微信小程式實作前台循環資料綁定的案例

這篇文章主要介紹了微信小程式之前台循環資料綁定的相關資料,這裡提供實例幫助大家學習理解這部分內容，需要的朋友可以參考下

微信小程式之前台循環資料綁定

微信小程式的循環資料綁定到wxml例：

wxml裡：

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

  {{item.message}}
  
 </view>

透過上面的wx.for可以綁定一個數組，數組是json類型的；預設的索引序號是item，所以用{{item.message}}

#顯示資料js裡：

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

如上的json數組是可以透過wxml裡的方法循環輸出數組資料 

以上是微信小程式實作前台循環資料綁定的案例的詳細內容。更多資訊請關注PHP中文網其他相關文章！