微信小程序定义模板

wxml提供模板(template)功能,可以在模板中对一些共用的,复用的代码定义代码片段,然后在不同的地方调用,已达到一次编写,多次直接使用的效果。

定义模板

在<template/>内定义代码片段,使用name属性作为模板的名字,示例代码如下

<template name="msgItem">
<view>
 <text>{{index}}:{{msg}}</text>
<text>Time:{{time}}</text>
</view>
</template>
<!--
  index: int
  msg: string
  time: string
-->
使用模板

在wxml文件里,使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入,示例代码如下:

<template is="msgItem" data="{{...item}}"/>
Page({
  data: {
    item: {
      index: 0,
      msg: 'this is a template',
      time: '2016-09-15'
    }
  }
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容