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


Posted in Javascript onApril 05, 2017

制作数据遍历的步骤

在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 相关文章推荐
jQuery下的几个你可能没用过的功能
Aug 29 Javascript
JavaScript中逗号运算符介绍及使用示例
Mar 13 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
Aug 11 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
Sep 12 Javascript
javascript input输入框模糊提示功能的实现
Sep 25 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
Mar 12 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 Javascript
详解vue2.6插槽更新v-slot用法总结
Mar 09 Javascript
javascript实现贪吃蛇小游戏
Jul 28 Javascript
Node.JS如何实现JWT原理
Sep 18 Javascript
vue3为什么要用proxy替代defineProperty
Oct 19 Javascript
Vue h函数的使用详解
Feb 18 Vue.js
微信小程序 图片绝对定位(背景图片)
Apr 05 #Javascript
JS实现复选框的全选和批量删除功能
Apr 05 #Javascript
Ajax验证用户名或昵称是否已被注册
Apr 05 #Javascript
JS二叉树的简单实现方法示例
Apr 05 #Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
Apr 05 #Javascript
js获取指定时间的前几秒
Apr 05 #Javascript
JavaScript使用原型和原型链实现对象继承的方法详解
Apr 05 #Javascript
You might like
mysql+php分页类(已测)
2008/03/31 PHP
php jsonp单引号转义
2014/11/23 PHP
Yii实现MySQL多数据库和读写分离实例分析
2014/12/03 PHP
PHP实现递归目录的5种方法
2016/10/27 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
玩转方法:call和apply
2014/05/08 Javascript
javascript实现控制文字大中小显示
2015/04/28 Javascript
jQuery中常用动画效果函数(日常整理)
2016/09/17 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
Vue组件全局注册实现警告框的实例详解
2018/06/11 Javascript
js replace替换字符串同时替换多个方法
2018/11/27 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
2019/09/17 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
jQuery实现验证用户登录
2019/12/10 jQuery
JavaScript 俄罗斯方块游戏实现方法与代码解释
2020/04/08 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
[01:29:42]Liquid vs VP Supermajor决赛 BO 第一场 6.10
2018/07/05 DOTA
微信跳一跳python自动代码解读1.0
2018/01/12 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
Python进阶之全面解读高级特性之切片
2019/02/19 Python
利用Python实现微信找房机器人实例教程
2019/03/10 Python
Python循环实现n的全排列功能
2019/09/16 Python
利用PyQt5+Matplotlib 绘制静态/动态图的实现代码
2020/07/13 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
adidas爱尔兰官方网站:阿迪达斯运动鞋和运动服
2019/11/01 全球购物
超市国庆节促销方案
2014/02/20 职场文书
消防安全责任书范本
2014/04/15 职场文书
网站创业计划书
2014/04/30 职场文书
小学社会实践活动总结
2014/07/03 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
二年级语文下册复习计划
2015/01/19 职场文书
寒假致家长的一封信
2015/10/10 职场文书