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


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 相关文章推荐
javascript css styleFloat和cssFloat
Mar 15 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
Nov 19 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
javascript检测浏览器的缩放状态实现代码
Sep 28 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
Jan 14 Javascript
微信小程序-拍照或选择图片并上传文件
Jan 06 Javascript
jquery实现图片平滑滚动详解
Mar 22 jQuery
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
layui之table checkbox初始化时选中对应选项的方法
Sep 02 Javascript
js实现全选和全不选功能
Jul 28 Javascript
微信小程序 图片绝对定位(背景图片)
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
PHP新手上路(二)
2006/10/09 PHP
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
Yii框架的redis命令使用方法简单示例
2019/10/15 PHP
js 页面输出值
2008/11/30 Javascript
javascript 学习之旅 (1)
2009/02/05 Javascript
javascript操作cookie的文章(设置,删除cookies)
2010/04/01 Javascript
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
2011/10/21 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
动态加载script文件的两种方法
2013/08/15 Javascript
jquery如何扑捉回车键触发的事件
2014/04/24 Javascript
浅谈jQuery.easyui的datebox格式化时间
2015/06/25 Javascript
bootstrap基础知识学习笔记
2016/11/02 Javascript
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
vue2.0移除或更改的一些东西(移除index key)
2017/08/28 Javascript
微信小程序滑动选择器的实现代码
2018/08/10 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
使用pm2自动化部署node项目的方法步骤
2019/01/28 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
Python 除法小技巧
2008/09/06 Python
Python ftp上传文件
2016/02/13 Python
Python过滤列表用法实例分析
2016/04/29 Python
python如何对实例属性进行类型检查
2018/03/20 Python
django中静态文件配置static的方法
2018/05/20 Python
Linux上比较文件的命令都有哪些
2013/09/28 面试题
公务员职业生涯规划书范文  
2014/01/19 职场文书
法制教育演讲稿
2014/09/10 职场文书
2014四风问题对照检查材料范文
2014/09/15 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
pytorch中的model=model.to(device)使用说明
2021/05/24 Python
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript
winserver2019安装软件一直卡在应用程序正在为首次使用做准备
2022/06/10 Servers