template模板的使用介绍

1. 首先定义一个模板

在 template 文件夹中 创建一个 tp.wxml 的文件，内容如下：

<template name="staffName">
  <view>
    FirstName: {{firstName}}, LastName: {{lastName}}
  </view>
</template>

2. 页面中使用这个模板

test.wxml 文件内容如下：

<import src="../../template/tp.wxml"/>

<template is="staffName" data="{{...staffA}}"></template>
<template is="staffName" data="{{...staffB}}"></template>
<template is="staffName" data="{{...staffC}}"></template>

test.js 文件内容如下：

Page({
  data: {   // 页面的初始数据
    staffA: { firstName: 'Hulk', lastName: 'Hu' },
    staffB: { firstName: 'Shang', lastName: 'You' },
    staffC: { firstName: 'Gideon', lastName: 'Lin' }
  },
})

3. 效果图如下：

效果图