跳至主要內容

模板

刘春龙原创...小于 1 分钟WEB前端小程序教程文档

WXML 提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用

定义模板

在 pages 同级目录下新建 template 目录,在此目录下新建 list 页面,并在 app.json 中声明

使用 name 属性,作为模板的名字。然后在<template/>内定义代码片段`

<template name="customTemplate">
  <view class="text">{{ test }}</view>
</template>

使用模板

使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入

<import src="../../templates/list/list.wxml" />
<view>
  <view>引用模板(可复用)</view>
  <template is="customTemplate" data="{{test}}"></template>
  <template is="customTemplate" data="{{test}}"></template>
</view>
上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7