首页微信小程序wx：for

微信小程序wx：for

时间: 2023-11-16 13:57:45 浏览: 205

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

5星 · 资源好评率100%

微信小程序 wx:for的使用实例详解在小程序的开发过程中，经常会用到在前端页面循环打印一个数组或者对象的数据，这样的话就需要用wx：for来实现。一般情况下，小程序的utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露的接口，然后读取本地数据，这些在上一篇博客中有详细介绍。我们最后说到写好的本地数据可以另一个页面读取： var fileData = require('../../utils/data.js') Page({ data: { showData: fileData.mtData().list, }, }) 在data{}中赋值后，sh

微信小程序wx:for是用来做列表渲染的，可以在前端页面循环打印一个数组或者对象的数据。在组件上使用wx:for绑定一个数组，数组的下标变量名默认为index，数组当前项的变量名默认为item。可以使用wx:for-index和wx:for-item来改变默认的下标和变量名。例如，可以使用wx:for="{{['张三','李四']}}"来循环打印数组中的数据。同时，可以使用for循环获取数组数据，当然数组里可以有字典、字符串等等。

阅读全文