国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 垣曲县| 桐城市| 金乡县| 凉城县| 株洲市| 丹凤县| 嘉黎县| 松溪县| 松原市| 拜城县| 南陵县| 鹤庆县| 铁岭市| 连平县| 彰化市| 西乌| 山阳县| 临潭县| 荥经县| 沙湾县| 墨玉县| 炎陵县| 通州市| 定陶县| 通渭县| 商都县| 炉霍县| 桓台县| 武宣县| 开鲁县| 简阳市| 靖西县| 琼结县| 韩城市| 景洪市| 奉贤区| 江门市| 左权县| 德保县| 呼图壁县| 临海市|