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

 更新时间: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轮播图的实现

    关于JavaScript轮播图的实现

    这篇文章主要介绍了关于JavaScript轮播图的实现,下面文章主要是利用利用html 和 css 代码实现轮播图,详细内容请参考下面详细内容,希望对你有所帮助
    2021-11-11
  • JS前端中的设计模式和使用场景示例详解

    JS前端中的设计模式和使用场景示例详解

    这篇文章主要为大家介绍了JS前端中的设计模式和使用场景示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 在网页中控制wmplayer播放器

    在网页中控制wmplayer播放器

    在网页中控制wmplayer播放器...
    2006-07-07
  • JS实现layui table筛选框记忆功能

    JS实现layui table筛选框记忆功能

    这篇文章主要介绍了JS实现layui table筛选框记忆功能,本案例放入本地缓存的方式,使用MutationObserver实现监控点击事件,需要的朋友可以参考下
    2022-01-01
  • 基于迁移学习的JS目标检测器构建过程详解

    基于迁移学习的JS目标检测器构建过程详解

    这篇文章主要为大家介绍了基于迁移学习的JS目标检测器构建过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • arcgis js完整悬停效果实现demo

    arcgis js完整悬停效果实现demo

    这篇文章主要为大家介绍了arcgis js完整悬停效果实现demo详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 不可变数据方案之immer.js原理解析

    不可变数据方案之immer.js原理解析

    这篇文章主要为大家介绍了不可变数据方案之immer.js原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • JavaScript前端面试组合函数

    JavaScript前端面试组合函数

    这篇文章主要为大家介绍了JavaScript前端面试组合函数详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • 深入讲解JavaScript之继承的多种方式和优缺点

    深入讲解JavaScript之继承的多种方式和优缺点

    本文讲主要解JavaScript各种继承方式和优缺点,文章将六种继承方式说明,分别有原型链继承、借用构造函数(经典继承)、组合继承、原型式继承、寄生式继承、 寄生组合式继承,这六种方式,需要的朋友可以参考一下
    2021-10-10
  • 微信小程序 本地图片按照屏幕尺寸处理

    微信小程序 本地图片按照屏幕尺寸处理

    这篇文章主要介绍了微信小程序 本地图片按照屏幕尺寸处理的相关资料,这里提供具体实现步骤,需要的朋友可以参考下
    2017-08-08

最新评论