小程序的页面循环列表渲染
2019-03-22 10:36
113 查看
index.js 里的data
let arr1=[
"mye","leo","bke","heooly"
]
data: {
names:arr1
}
index.wxml里渲染
<view
wx:for="{{names}}"
wx:key="*this" //*this就代表这个值
>
{{item}}
</view>
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
index.js里的data
let arr2=[
{
id:Math.random(),name:"yfeis"
},
{
id:Math.random(),name:"abe"
},
{
id:Math.random(),name:"7777"
}
]
data: {
names:arr2
}
index.wxml 渲染
<view
wx:for="{{names}}"
wx:key="id"
>
{{item.name}}
</view>
相关文章推荐
- 微信小程序入门教程--列表渲染多层嵌套循环及wx:key的使用
- 微信小程序入门教程--列表渲染多层嵌套循环及wx:key的使用
- 微信小程序入门教程 - 列表渲染多层嵌套循环及wx:key的使用
- 微信小程序入门教程--列表渲染多层嵌套循环及wx:key的使用
- 微信小程序五-列表渲染多层嵌套循环及wx:key的使用
- 小程序(5 home页面完善 数据绑定、列表渲染、模板分离)
- 微信小程序 带参调用后台接口 循环渲染页面 wx.request wx:for
- 微信小程序入门教程---列表渲染多层嵌套循环及wx:key的使用(双层for循环)
- 微信小程序wx:for循环列表渲染
- 微信小程序学习笔记 ( 小程序页面学习 六 WXML-列表渲染 基本食用方法)
- 微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
- 小程序视屏循环列表
- 微信小程序--(5-1)点击列表item,把item上面显示的所有数据,传递到另外一个页面
- 微信小程序的页面循环 for
- 微信小程序列表渲染开发
- vue.js中的列表渲染(循环渲染)(v-for)
- 微信小程序实现给循环列表点击添加类(单项和多项)
- 【微信小程序】二维数组列表渲染
- 微信小程序请求接口并循环显示在页面
- 第32个python程序:循环和列表