小程序template模板的使用和模板多數據傳遞

template使用語法：

創建模板：

• <template name="">內容</template>
  

• name="cardList"是模板的名字，用於調用模板時指定調用哪個模板，必須且唯一的，不可重復；

• <view wx:for="{{ cardLast }}" wx:for-item="cl" wx:key="id">:

  • wx:for="{{ cardList }}"表示接收一個名為“cardLast”的數組數據（可在模板被調用時進行傳值），並以此數組中的數據來循環渲染；
  • wx:for-item="cl"指定數組中當前項的變量名為"cl"（默認為"item"，當前項的索引變量名默認為"index"：wx:for-index可以指定當前項的索引變量名）；
  • wx:key="id"如果列表中項目的位置或內容會動態改變，需要指定項目中唯一的一個數據作為標識符key，以保證在動態改變后被重新渲染，而不是重新創建。
  • <text>{{ cl.kind }}</text>單個對象數組數據的使用，kind：對象數組中對象數據內的某個變量名。

模板使用和傳值

• <template is="cardList" data="{{ cardList, billDate, repDate }}"></template>:
  • is="cardList"指定調用的模板名稱；
  • data="{{ cardList, billDate, repDate }}"傳入需要使用的數據，這里傳入的是多個對象數組數據；對於鍵值對的對象數據還可以使用...{對象}來展開數據，使用時可以直接使用數據里面的變量名；

多個對象數組數據的使用

• 對象數組名[index(索引下標)].對象數組內的對象名.對象內的數據名(鍵):
  • 如：billDate = [ 0(下標): {id: 1, billD: {calD: 7, ...}}, 1: {id: 2, billD{calD: 3, ...}}, 2: {id: 3, billD{calD: 9, ...}}],使用時：{{ billDate[index].billD.calD }},假設循環到下標為1時，輸出結果為3。
• wx:if和wx:else判斷語句，同if...else