舟山闪爸电子技术有限公司

產(chǎn)品中心
更多服務(wù)

商城小程序列表渲染

—— 2018 ——
10/15
00:00

來源：

作者：未知

閱讀：0

欄目：小程序問答

2018/10/15 0:00:00 來源：不詳 作者：未知
wx:for
 
在組件上使用wx:for控制屬性綁定一個數(shù)組，即可使用數(shù)組中各項的數(shù)據(jù)重復(fù)渲染該組件。
商城小程序列表渲染
默認數(shù)組的當前項的下標變量名默認為index，數(shù)組當前項的變量名默認為item
 
<view wx:for="{{items}}">
 {{index}}: {{item.message}}
</view>
 
Page({
 items: [{
 message: 'foo',
 },{
 message: 'bar'
 }]
})
使用wx:for-item可以指定數(shù)組當前元素的變量名
使用wx:for-index可以指定數(shù)組當前下標的變量名：
 
 
<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
 {{idx}}: {{itemName.message}}
</view>
wx:for也可以嵌套，下邊是一個九九乘法表
 
<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>
block wx:for
 
類似block wx:if，也可以將wx:for用在<block/>標簽上，以渲染一個包含多節(jié)點的結(jié)構(gòu)塊。例如：
 
<block wx:for="{{[1, 2, 3]}}">
 <view> {{index}}: </view>
 <view> {{item}} </view>
</block

【本站聲明】
  1、本站文章中所選用的圖片及文字來源于網(wǎng)絡(luò)以及用戶投稿，由于未聯(lián)系到知識產(chǎn)權(quán)人或未發(fā)現(xiàn)有關(guān)知識產(chǎn)權(quán)的登記，如有知識產(chǎn)權(quán)人并不愿意我們使用，如果有侵權(quán)請立即聯(lián)系。
  2、本網(wǎng)站不對文章中所涉及的內(nèi)容真實性、準確性、可靠性負責，僅系客觀性描述，如您需要了解該類商品/服務(wù)詳細的資訊，請您直接與該類商品/服務(wù)的提供者聯(lián)系。


KESION 科汛軟件

KESION 科汛軟件是國內(nèi)領(lǐng)先的在線教育軟件及私域社交電商軟件服務(wù)提供商，長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺解決方案。
公司核心產(chǎn)品云開店SaaS社交電商服務(wù)平臺、在線教育SaaS服務(wù)平臺、教育企業(yè)數(shù)字化SaaS云平臺、企微營銷助手、私有化獨立部署品牌網(wǎng)校和在線教育咨詢等。

KESION 不斷通過技術(shù)創(chuàng)新，提供產(chǎn)品和服務(wù)，助力企業(yè)向數(shù)字化轉(zhuǎn)型，通過科技驅(qū)動商業(yè)革新，讓商業(yè)變得更智慧！



▼點擊進入科汛官網(wǎng)了解更多



熱門標簽
SaaS
上/下篇

  • 微信小程序登錄不上，怎么解決

    微信小程序授權(quán)失敗，一般會有以下情況： 1、誤將微信公眾授權(quán)到微信小程序。 微信小程序的賬號有別于公眾號，因此在掃描授權(quán)的時候，請選擇正確的授權(quán)。掃描后，選擇對應(yīng)的微...

    微信小程序SaaS 2018/10/16 0:00:00

  • 微信城市服務(wù)在哪里找，怎么使用

    微信城市服務(wù)功能小程序在微信錢包入口，提供就醫(yī)，社保，車輛服務(wù)，氣象查詢等基本實用的便民服務(wù)，那么你知道微信城市服務(wù)在哪里怎么使用嗎?來看看小編的教程吧~...

    SaaS 2018/8/22 0:00:00
換一換相關(guān)推薦
精選內(nèi)容
熱點精選