微信小程式 Template詳解及簡單實例

高洛峰
發布: 2017-01-10 10:11:30
原創
2213 人瀏覽過

微信小程式 Template

範本

WXML提供範本(Template),可以在範本中定義程式碼片段,然後在不同的地方使用。可以保證格式以及資料的相同。

1-定義模板

使用``標籤定義模板,並將模板名稱命名為tempName,賦值為屬性name。在標籤內部,定義模板結構。如下:

<!-- template.wxml -->
<!--
  index: int
  msg: string
  time: string
-->
<template name="msgItem">
  <view>
  <text> {{index}}: {{msg}} </text>
  <text> Time: {{time}} </text>
 </view>
</template>
登入後複製

2-使用模板

使用