国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序 for 循環(huán)詳解

2019-11-20 08:48:13
字體:
來源:轉載
供稿:網(wǎng)友

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>

效果圖如下:

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 永登县| 金华市| 赣榆县| 招远市| 灯塔市| 汉源县| 蓬莱市| 年辖:市辖区| 通江县| 仁怀市| 西青区| 育儿| 仪陇县| 云安县| 金乡县| 和田县| 扶沟县| 邢台市| 东至县| 岑巩县| 玛沁县| 五大连池市| 延寿县| 阿合奇县| 丹寨县| 阆中市| 马山县| 玉环县| 淮安市| 舟曲县| 石渠县| 哈密市| 施甸县| 岳西县| 中超| 高阳县| 嘉峪关市| 宝鸡市| 潼关县| 新龙县| 岱山县|