手揣网教程/应用软件/内容

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

应用软件2024-03-13 阅读
[摘要]这篇文章主要介绍了微信小程序之前台循环数据绑定的相关资料,这里提供实例帮助大家学习理解这部分内容,需要的朋友可以参考下微信小程序之前台循环数据绑定微信小程序的循环数据绑定到wxml例:wxml里: ...
这篇文章主要介绍了微信小程序之前台循环数据绑定的相关资料,这里提供实例帮助大家学习理解这部分内容,需要的朋友可以参考下

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

微信小程序的循环数据绑定到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中文网其它相关文章!

  • 微信
  • 分享

  • 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。

    ……

    标签:微信小程序完成前台循环数据绑定的案例
    相关阅读