微信小程序的页面循环 for

本文介绍如何在微信小程序中使用wx:for循环展示数组内容,并详细解释了各参数的作用。此外,还介绍了如何从数据库获取数据并将其显示在页面上。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

小程序中for的使用
js中声明数组
data{
text:['name'=>1]
}
html页面中

<view wx:for=“{{text}}” wx:for-index=“key”  wx:for-item="value">{{value.name}}</view>

1.其中wx:for为需要循环的数组

2.wx:for-index=“key” 为循环时是否输出数组key值,如果不需要输出key值,可不写该语句

3.wx:for-item=“value” 为循环输出的value值,该循环的结构与tp5页面渲染时的for循环很相似

4.我们来扩展一下,如果我们从数据库中获取数据,怎么在页面中遍历呢???

            1》通过wx:request获取数据库数据

            2》获取到的数据赋值到我们事先要声明的数组中,但前提是该数组要在data中,这样才能在页面中渲染

            3》使用this 我们在wx:request中使用this会被this的特性重新赋值,所以,在函数内wx:request外对this重新声明变量,例如that

            4》对获取的数据重新赋值后,我们要对数据进行刷新,这样获取的数据才会遍历到页面中,这时候我们需要用到setData,这样整个获取数据,数据遍历的操作就完成了;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值