1.动态属性:
<view id="item-{{id}}"></view>
Page({
data:{
id : 0
}
)}
渲染结果:
<view id="item-0"></view>
2.列表渲染:
<view wx:for={{forText}}wx:key="index">
<view>{{index}}---{{item}}</view>
</view>
Page({
data:{
forText:[1,2,3,4,5]
}
)}
默认情况下,数组元素中当前项的下标变量名为index,当前项目值为item,必须要加上wx:key他表示获取到的序号
- 在渲染时,可能会面临要同时循环多个元素,那么可以使用辅助标签block来循环
<block wx:for={{forText}}wx:key="index"> <view>序号:{{index}}</view> <view>值:{{item}}</view> </block> -------------------------------- Page{ data:{ forText:[1,2,3,4,5] } }
- 修改循环变量名
-
wx:for-index="自定义的序号名" wx:for-item="自定义值"
-