【微信小程序】wx:for的使用
在小程序的开发过程中,经常会用到在前端页面循环打印一个数组或者对象的数据,这样的话就需要用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的对象名。
实际效果图(并非上述代码实现)
【微信小程序】wx:for的使用相关推荐
- 微信小程序服务器开小差了,微信小程序wx.request请求封装
微信小程序 wx.request RequestTask wx.request(Object object)发起 HTTPS 网络请求. 示例代码 wx.request({ url: 'test.ph ...
- imagepreview使用案例_微信小程序wx.previewImage预览图片实例详解
一.小知识 二.例子 1.wxml 2.wxss .container { box-sizing:border-box; padding:20px; } .previewimg{ float:left ...
- 微信小程序 wx.request 的封装
自学转行到前端也已近两年,也算是简书和掘金的忠实粉丝,但是以前一直惜字如金(实在是胆子小,水平又低),现在我决定视金钱如粪土(就只是脸皮厚了,水平就那样),好了废话不多说,切入主题,最近自己尝试了一下 ...
- 微信小程序wx.compressImage的坑
微信小程序wx.compressImage的坑 如何使用 第二个坑 如何使用 微信小程序api官网写的是这个 wx.compressImage({ src: '', // 图片路径 quality: ...
- 微信小程序 wx.setstoragesync和wx.setstorage 区别
相同点: 微信小程序 wx.setstoragesync和wx.setstorage都是能把值保存在微信小程序缓存中,类似于浏览器的localstorage概念 区别: wx.setStorage是异 ...
- 微信小程序foreach遍历_微信小程序wx:for和wx:for-item的用法
微信小程序wx:for和wx:for-item的用法.兴弘海科技在微信小程序定制开发单门店系统的时候,在制作菜单的时候,需要体现左侧是菜单栏目,右侧是菜单名称列表的时候,遇到wx:for和wx:for ...
- 企业微信小程序wx.qy.login 的调用调试踩坑
企业微信小程序wx.qy.login 的调用调试踩坑 起步 在企业微信的开发过程中有很多坑,一切以企业微信开发文档为准. 近期我公司项目需要我联调开发企业微信小程序,以前没开发过,所以一切只能跟着企业 ...
- 解决微信小程序 wx.request 方法不支持 Promise 并发数问题
wx-promise-request 是微信小程序 wx.request 方法的不支持 Promise 和并发数问题的解决方案.如果只需要解决并发数问题,可以使用wx-queue-request.js ...
- 微信小程序wx.downloadFile()使用体验
微信小程序wx.downloadFile()使用体验 想给单位做一个小程序,实现模板文件下载的功能,方便办事群众把文件下载到手机上自行打印填写,也能提高办事效率. 不过想法是好的,截止目前2018年1 ...
- uniapp开发微信小程序 wx.navigateBack()携带数据问题
uniapp开发微信小程序 wx.navigateBack()携带数据问题 某个表单页面 有时需要跳转另一个页面查询数据 但如此想要保存当前页面数据需要在另一个查询页面调用 wx.navigateBa ...
最新文章
- XSD标准架构-----xsd:element 元素详解
- 1.3.8 excel for mysql_实时生成并下载大数据量的EXCEL文件,用PHP如何实现
- 网络编程中的大端和小端
- 教你认识动态链接库DLL文件
- 图解SQL Server 2008入门总结
- php 文档输出,PHP输出
- vml的简易画板_2
- python三维图能画地图_Python地图绘制实操详解
- 【MySQL】MySQL 报错 Could not retrieve transation read-only status server Unknown system tx_read_only
- 使用zabbix发送邮件的简易设置流程(存档用)
- 中国现代远程与继续教育网 统考 大学英语(B)考试大纲
- resize view from nib引起的子控制器视图(childviewcontroller)部分区域无响应
- 软件压力测试的手段有注入错误吗,JMeter压力测试之环境搭建、脚本调试及报错解决方法(Linux版)...
- C#对接中国移动短信接口
- 析论易语言软件加密技术(创世纪篇)
- 技术储备(一):CGI介绍
- 关于阿里巴巴icon矢量图显示空白问题
- python里的jh是啥意思_JH是什么意思啊
- 秘宝 联想正式进入元宇宙 互联网巨头的数字藏品用的哪种技术?
- EPLAN2022——端子