【微信小程序】wx:for的使用
来源:互联网 发布:小猪cms和有赞 编辑:程序博客网 时间:2024/06/09 11:41
在小程序的开发过程中,经常会用到在前端页面循环打印一个数组或者对象的数据,这样的话就需要用wx:for来实现。
一般情况下,小程序的utils这个文件夹下,我们可以把本地的数据写进去,封装成.js文件,提供对外暴露的接口,然后读取本地数据,这些在上一篇博客中有详细介绍。我们最后说到写好的本地数据可以另一个页面读取:
var fileData = require('../../utils/data.js') Page({ data: { showData: fileData.mtData().list, }, })
在data{}中赋值后,showData就可以直接在wxml中显示了。接下来说下如何在wxml页面用wx:for循环显示数组,下面是示例:
<view class="item" wx:for="{{showData}}"> <view class="td"> {item.MTId}} {{item.status}} </view></view>
wx:for = “”,“”中写当前小程序js页面中data的对象名。
实际效果图(并非上述代码实现)
0 0
- 微信小程序的wx:for,wx:for-items,wx:for-item,wx:key等的关系及正确使用
- 【微信小程序】wx:for的使用
- 微信小程序 wx:for
- 微信小程序--wx:for
- 微信小程序 wx:for的一些事
- 微信小程序wx:for循环
- 微信小程序循环:Wx:for
- 微信小程序wx:for和wx:for-item的正确用法
- 微信小程序开发之数据使用wx:for循环展示
- 小程序wx:for、wx:for-items和wx:for-item的正确用法
- 微信小程序判断wx:if wx:for template
- 微信小程序wx:key和wx:for问题
- 微信小程序-wx:for 循环列表
- 微信小程序 列表渲染 wx:for
- 微信小程序wx:for循环列表渲染
- 微信小程序的wx:if
- 微信小程序 Now you can provide attr "wx:key" for a "wx:for" to improve performance.
- 微信小程序 wx:for循环和数组内部元素的增加
- 云端驱动,成效卓越!-2017 Oracle亚太区用户组领导人峰会
- Nginx正反向代理、负载均衡等功能实现配置
- 在 django 1.10.6的环境下使用 xdamin
- SQL时间函数
- 自定义字符串定长拼接函数my_strncat()
- 【微信小程序】wx:for的使用
- Compass简单入门
- Distributed configure (hadoop 2.7.2 & spark 2.1.0)
- C++中序列化对象并存储到mysql
- 转发和重定向的区别
- restful风格前后端分离
- 一张图彻底理解SQL中的各种join
- phpcms后台点击phpsso提示:您还没有登陆或登陆已经过期,请重新登陆。
- ReentrantLock实现原理