微信小程序模板使用

微信小程序模板使用，有些页面的样子可能很类似，遇到这些页面时可以使用模板，把一样的元素单独拿出，方便其他页面重复利用。模板示例代码如下：

<!--index.wxml-->
<!-- 定义模板 -->
<template name='tempName'>
  <view>
    <text>城市：{{city}}</text>
    <text>邮编：{{encode}}</text>
  </view>
</template>
<!-- 使用模板 -->
<template is="tempName" data='{{...item1}}'/>
<template is="tempName" data='{{...item2}}'/>
<template is="tempName" data='{{...item3}}'/>
// index.js
Page({
  data: {
    item1: {
      city: '北京',
      encode: '100000'
    },
    item2: {
      city: '上海',
      encode: '200000'
    },
    item3: {
      city: '广州',
      encode: '510000'
    },
  },
})

效果如图所示：

注意:

• 模板使用“template”标签，每个模板都需要有一个唯一的名称name。
• 模板使用的格式是is=’定义的模板名称’。
• 模板传递数据时需要在数据前加“…”，并且不能传递数组，只能传递字典。

酷客网相关文章：

• 微信小程序事件
• 微信小程序数据渲染
• 微信小程序生命周期函数
• 微信小程序配置