小程序中for的使用
js中声明数组
data{
text:['name'=>1]
}
html页面中
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,这样整个获取数据,数据遍历的操作就完成了;