欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  微信小程序

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

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

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

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

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