首页 / JAVASCRIPT / 微信小程序 wx:for的使用实例详解

微信小程序 wx:for的使用实例详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了微信小程序 wx:for的使用实例详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含795字，纯文字阅读大概需要2分钟。

内容图文

微信小程序 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:for的使用实例详解全部内容，希望文章能够帮你解决微信小程序 wx:for的使用实例详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/344175.html

来源：【匿名】