1,wx:for
在組件上使用wx:for控制屬性綁定一個數(shù)組,即可使用數(shù)組中各項的數(shù)據(jù)重復渲染該組件。默認數(shù)組的當前項的下標變量名默認為index,數(shù)組當前項的變量名默認為item 事例如下:
wxml文件:
<view wx:for="{{items}}">{{index}}: {{item:one}}</view>js文件:Page({items:[{one: "test1",},{one: "test2"}]})可以使用wx:for-item指定數(shù)組當前元素的變量名
可以使用wx:for-index指定數(shù)組當前下標的變量名,事例如下:
wxml文件:
<view wx:for="{{items}}" wx:for-item="name" wx:for-index="id">{{id}}: {{name.one}}</view>下面是一個九九乘法表事例:<view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="i"><view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="j"><view wx:if="{{i <= j}}">{{i}}*{{j}} = {{i * j}}</view></view></view>2,block wx:for
wx:for用在<blcok/>標簽上,以渲染一個包含多節(jié)點的結構塊。例如:
<block wx:for="{{[1,2,3]}}"><view> {{index}}: </view><view> {{item}} </view></block>效果圖如下:

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
新聞熱點
疑難解答