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

 更新时间:2017年08月18日 08:40:52   投稿:lqh  
这篇文章主要介绍了微信小程序之前台循环数据绑定的相关资料,这里提供实例帮助大家学习理解这部分内容,需要的朋友可以参考下

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

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

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • 微信小程序 toast 详解及实例代码

    微信小程序 toast 详解及实例代码

    这篇文章主要介绍了微信小程序 toast 详解及实例代码的相关资料,需要的朋友可以参考下
    2016-11-11
  • JavaScript中isPrototypeOf函数

    JavaScript中isPrototypeOf函数

    这篇文章主要介绍了JavaScript中isPrototypeOf函数,isPrototypeOf() 是 Object函数(类)的下的一个方法,用于判断当前对象是否为另外一个对象的原型,如果是就返回 true,否则就返回 false,下面来看看详细内容,需要的朋友可以参考一下
    2021-11-11
  • 微信小程序 引用其他js文件实现代码

    微信小程序 引用其他js文件实现代码

    这篇文章主要介绍了微信小程序 引用其他js文件实现代码的相关资料,需要的朋友可以参考下
    2017-02-02
  • JavaScript中七种流行的开源机器学习框架

    JavaScript中七种流行的开源机器学习框架

    今天小编就为大家分享一篇关于JavaScript中五种流行的开源机器学习框架,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-10-10
  • js websocket断线重连实例代码

    js websocket断线重连实例代码

    这篇文章主要为大家介绍了js websocket断线重连实例代码详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 前端通过JavaScript创建修改CAD图形详情

    前端通过JavaScript创建修改CAD图形详情

    这篇文章介绍JavaScript创建修改CAD图形,创建修改CAD图形,一般是基于AutoCAD进行二次开发,ObjectARX是AutoDesk公司针对AutoCAD平台上的二次开发而推出的一个开发软件包,它提供了以C++为基础的面向对象的开发环境及应用程序接口,能真正快速的访问AutoCAD图形数据库
    2021-10-10
  • 微信小程序 数据访问实例详解

    微信小程序 数据访问实例详解

    这篇文章主要介绍了微信小程序 数据访问实例详解的相关资料,需要的朋友可以参考下
    2016-10-10
  • 图片按比例缩放函数

    图片按比例缩放函数

    图片按比例缩放函数...
    2006-06-06
  • 微信小程序  Mustache语法详细介绍

    微信小程序 Mustache语法详细介绍

    这篇文章主要介绍了微信小程序 Mustache语法详细介绍的相关资料,需要的朋友可以参考下
    2016-10-10
  • JavaScript history 对象详解

    JavaScript history 对象详解

    这篇文章主要介绍了JavaScript history 对象详解,history 对象表示当前窗口首次使用以来用户的导航历史记录。因为 history 是 window 的属性,所以每个 window 都有自己的 history 对象,更多详细内容请参考下面文章内容
    2021-11-11

最新评论