【微信小程序】框架wxml（四）wxml模板

最新推荐文章于 2023-02-24 16:36:14 发布

Crab0314

最新推荐文章于 2023-02-24 16:36:14 发布

阅读量1.2k

点赞数

分类专栏：微信小程序开发文章标签：微信 wxml 模板

本文链接：https://blog.csdn.net/Crab0314/article/details/78290239

版权

本文详细探讨了微信小程序中wxml模板的使用，包括如何在wxml中定义template的样式，并介绍了template对Mustache语句的支持，帮助开发者更好地理解和运用这一功能。

摘要由CSDN通过智能技术生成

1.首先在wxml中定义template的样式

<template name="msgItem">
  <view>
    <text> {
  {index}}: {
  {msg}} </text>
    <text> Time: {
  {time}} </text>
  </view>
</template>

2.在js中写入几组数据

// pages/wxml2/wxml2.js
Page({
  data: {
    item1: {
      index: 0,
      msg: 'this is the first template',
      time: '2016-09-15'
    },item2: {
      index: 1,
      msg: 'this is the second template',
      time: '2016-09-30'
    }, item3: {
      index: 2,
      msg: 'this is the third template',
      time: '2016-10-09'
    }
  }
})

3.在wxml中使用template模板