Template
WXML provides a template (template), which can define code snippets in the template and then call them in different places.
Define template
Use the name attribute as the name of the template. Then define the code snippet in , such as:
<!--
index: int
msg: string
time: string
-->
<template name="msgItem">
<view>
<text> {{index}}: {{msg}} </text>
<text> Time: {{time}} </text>
</view>
</template>Use the template
Use the is attribute to declare the template you need to use, and then pass in the data required by the template , such as:
Page({
data: {
item: {
index: 0,
msg: 'this is a template',
time: '2016-09-15'
}
}
})is attribute can use Mustache syntax to come at runtime Decide which template needs to be rendered:
<template name="odd">
<view> odd </view>
</template>
<template name="even">
<view> even </view>
</template>
<block wx:for="{{[1, 2, 3, 4, 5]}}">
<template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/>
</block>The scope of the template
The template has its own scope and can only use the data passed in by data.
The above is the content of the WeChat applet tutorial template. For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!
What is function
How to take screenshots on Huawei mobile phones
How to solve the problem of 400 bad request when the web page displays
How to open a digital currency account
What are Python identifiers?
localtime function usage
Introduction to online calculator software
The difference between router and cat
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
