微信小程序列表加载

小程序中如何添加列表？

数据加载

js数据：

添加一个排列名称的列表

一页({2 data: {3 array: ['C# '，' Java '，' Python '，' Nodejs '，' electronic ']4 } 5 })wxml前端：

绑定排列列表，使用微信封装的为循环遍历数据。

{{item}}为列表项数据，项目在微信框架语法中指定列表项，不能是美国汽车协会之类随便的名称。

1 view class=' container ' 2 view wx : for=' { { array } } ' { { item } }/view 3/view如果项目改为指数，输出的则是列表项的序号

使用索引项，可以输出带序号的列表：

1视图类='容器' 2视图wx :为=' { {数组} } ' { {索引项} }/视图3/视图

使用指数数字时，view wx : for=' { { array } } ' { { index * 10 } }/view，能自动解析数据类型，对数字进行运算

使用数字或者字符串，则输出的是输入值，比如对于=“{ { array } }”{ {“item”} }/view，请查看wx :

列表数据模板加载

定义数据：

一页({2数据：{3列表： [4 {名字： '绿巨人，姓氏： '胡' },5 {名字： '尚，姓氏： '你' },6 {名字： '吉迪恩，姓氏： '林' }7 ]8 }9 })使用模板填充：

一视图类='容器2模板名称='staffName' 3视图四名字： { {名字}}，姓氏： { {姓氏} } 5/视图6/模板7 8模板为='staffName '数据=' { }.列表[0]} } '/模板9模板为=' staffName '数据=' { }.列表[1]}}'/template10模板为='staffName '数据=' { { 0.list[2]}}'/template11 /view使用为遍历数据：

.表示扩展运算符，来将一个对象展开。{{.item}}，即为{{名字："绿巨人",姓氏："胡"}}

一视图类='容器2模板名称='staffName' 3视图四名字： { {名字}}，姓氏： { {姓氏} } 5/视图6/模板七视图wx : for=“{ { list } }”8模板为='staffName '数据=' { }.item}}'/template 9 /view10 /view