小程序中如何添加列表?
数据加载
js数据:
添加一个array名称的列表
Page({
data: {
array: ['C#', 'Java', 'Python', 'Nodejs', 'Electron']
}
})
wxml前端:
绑定array列表,使用微信封装的for循环遍历数据。
{ {item}}为列表项数据,item在微信框架语法中指定列表项,不能是aaa之类随便的名称。
<view class="container">
<view wx:for="{
{array}}"> {
{item}} </view>
</view>
如果item改为index,输出的则是列表项的序号
使用index+item,可以输出带序号的列表:
<view class="container">
<view wx:for="{
{array}}"> {
{index+item}} </view>
</view>
使用index+数字时,<view wx:for="{ {array}}"> { {index*10}} </view>,能自动解析数据类型,对数字进行运算
使用数字或者字符串,则输出的是输入