微信小程序 数据遍历的实现

 更新时间:2017年04月05日 14:41:30   投稿:lqh  
这篇文章主要介绍了微信小程序 数据遍历的实现的相关资料,需要的朋友可以参考下

制作数据遍历的步骤

在index.js中加入数据。

在index.wxml中读取数据。

  wx:for-item可以指定数组当前元素的变量名

  wx:for-index可以指定数组当前下标的变量名

  这两个项也可以不指定,默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item。

  类似block wx:if,也可以将wx:for用在标签上,以渲染一个包含多节点的结构块。例如:

<block wx:for="{{[1, 2, 3]}}">
  <view> {{index}}: </view>
  <view> {{item}} </view>
  </block>

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • JavaScript Dom对象的操作

    JavaScript Dom对象的操作

    这篇文章主要介绍了JavaScript Dom对象的操作,文张以浏览器网页就是一个Dom树形结构做为核心,然后根据核心进行更新Dom节点、获得Dom节点、删除一个Dom节点、添加一个新的节点操作,下面文章是详细内容,需要的朋友可以参考以下
    2021-11-11
  • 无UI 组件Headless框架逻辑原理用法示例详解

    无UI 组件Headless框架逻辑原理用法示例详解

    这篇文章主要为大家介绍了无UI 组件Headless框架逻辑原理用法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 微信小程序request请求后台接口php的实例详解

    微信小程序request请求后台接口php的实例详解

    这篇文章主要介绍了微信小程序request请求后台接口php的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
    2017-09-09
  • 解析Clipboard API剪贴板操作实例

    解析Clipboard API剪贴板操作实例

    这篇文章主要为大家介绍了解析Clipboard API剪贴板操作实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 前端的状态管理(上)

    前端的状态管理(上)

    这篇文章主要讲解前端的状态管理,状态管理李娜就想到:Vuex、Redux、Flux、Mobx等等方案,不论哪种方案只要内容一多起来似乎都是令人头疼的问题,今天来聊一聊前端的状态管理,感兴趣的小伙伴可以参考参考下面文字具体内容
    2021-10-10
  • 微信小程序 location API实例详解

    微信小程序 location API实例详解

    这篇文章主要介绍了微信小程序 location API实例详解的相关资料,需要的朋友可以参考下
    2016-10-10
  • 使用preload预加载页面资源时注意事项

    使用preload预加载页面资源时注意事项

    本文主要介绍 preload 的使用,以及与 prefetch 的区别。然后会聊聊浏览器的加载优先级,大家一定要认真看完
    2020-02-02
  • THREE.js添加多个castShadow光源报错解决及原因分析

    THREE.js添加多个castShadow光源报错解决及原因分析

    这篇文章主要介绍了THREE.js添加多个castShadow的光源报错解决及原因分析
    2023-06-06
  • 微信小程序 五星评分的实现实例

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

    这篇文章主要介绍了微信小程序 五星评分的实现实例的相关资料,这里提供实现实例帮助大家实现改功能,需要的朋友可以参考下
    2017-08-08
  • 微信小程序 教程之列表渲染

    微信小程序 教程之列表渲染

    这篇文章主要介绍了微信小程序 列表渲染的相关资料,并附简单代码实例,需要的朋友可以参考下
    2016-10-10

最新评论