⼩程序中for循环如何使⽤⼀、index.js代码中的data数据定义如下
const app = getApp()
Page({
data: {
// todos是⼀个数组
todos:[
{ name: 'JavaScript', completed: false},
{ name: 'Html', completed: true },
{ name: 'css', completed: false },
]
写文章的小程序},
})
⼆、index.wxml中如何循环的读取js⽂件中定义的数组
<!--
todos是⼀个数组可以⽤wx:for循环获取当中的数据
wx:for的⼀个默认属性item可以获取到todos中的数据
wx:for-item后⾯⽤aaaa代替item
index代表序号 -->
第⼀种⽤法:访问数据的默认索引的变量是index,变量名是:item。
<view wx:for="{{ todos }}">
<text>{{index}}</text>
<text>{{item.name}}</text>
</view>
第⼆种⽤法: ⽤aaaa别名代替item
<view wx:for="{{ todos }}" wx:for-item='aaaa'>
<text>{{index}}</text>
<text>{{aaaa.name}}</text>
</view>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论