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

 更新时间: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里的方法循环输出数组数据 

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

相关文章

  • 微信小程序 Flex布局详解

    微信小程序 Flex布局详解

    这篇文章主要介绍了微信小程序 Flex布局详解的相关资料,需要的朋友可以参考下
    2016-10-10
  • JavaScript中document.activeELement焦点元素介绍

    JavaScript中document.activeELement焦点元素介绍

    这篇文章主要给大家分享 JavaScript中document.activeELement焦点元素介绍,下面文章围绕了document.activeElement属性展开详细内容,需要的朋友可以参考一下,希望对大家有所帮助
    2021-11-11
  • JavaScript API调用Rollup打包流程快速上手

    JavaScript API调用Rollup打包流程快速上手

    这篇文章主要为大家介绍了JavaScript API调用Rollup打包流程快速上手
    2023-05-05
  • JavaScript高级之自定义异常

    JavaScript高级之自定义异常

    在JavaScript中所有的异常都是Error对象,遇到异常就会抛出一个Error对象,这个对象中包含错误的描述信息,通过JavaScript提供的异常处理语句,我们可以用结构化的方式来捕捉发生的错误,让异常处理代码与核心业务代码实现分离,需要的朋友可以参考一下
    2021-12-12
  • 微信小程序 五星评分的实现实例

    微信小程序 五星评分的实现实例

    这篇文章主要介绍了微信小程序 五星评分的实现实例的相关资料,这里提供实现实例帮助大家实现改功能,需要的朋友可以参考下
    2017-08-08
  • 微信小程序 自定义对话框实例详解

    微信小程序 自定义对话框实例详解

    这篇文章主要介绍了微信小程序 自定义对话框实例详解的相关资料,这里附有实例代码及实现效果图,需要的朋友可以参考下
    2017-01-01
  • TS 项目中高效处理接口返回数据方法详解

    TS 项目中高效处理接口返回数据方法详解

    这篇文章主要为大家介绍了TS 项目中如何高效的处理接口返回的数据的方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • lodash内部方法getFuncName及setToString剖析详解

    lodash内部方法getFuncName及setToString剖析详解

    本篇章我们主要是通过了解lodash里的两个内部方法getFuncName方法和setToString方法,在实际开发中我们也可以借鉴方法的实现思路,在需要的时候简单封装一下,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 前端通过JavaScript创建修改CAD图形详情

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

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

    js c++ vue方法与数据交互通信示例

    这篇文章主要为大家介绍了js c++ vue方法与数据交互通信示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08

最新评论