微信小程序实现前台循环数据绑定的案例

这篇文章主要介绍了微信小程序之前台循环数据绑定的相关资料,这里提供实例帮助大家学习理解这部分内容，需要的朋友可以参考下

微信小程序之前台循环数据绑定

微信小程序的循环数据绑定到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里的方法循环输出数组数据

以上就是微信小程序实现前台循环数据绑定的案例的详细内容，更多请关注微课江湖其它相关文章！