随笔分类 -  微信小程序 - 开发 / 框架 / WXML语法参考

摘要：引用 WXML 提供两种文件引用方式import和include。 import import可以在该文件中使用目标文件定义的template，如： 在 item.wxml 中定义了一个叫item的template： <!-- item.wxml --> <template name="item"> 阅读全文

摘要：模板 WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。 定义模板 使用 name 属性，作为模板的名字。然后在<template/>内定义代码片段，如： <!-- index: int msg: string time: string --> <template 阅读全文

摘要：条件渲染 wx:if 在框架中，使用 wx:if="" 来判断是否需要渲染该代码块： <view wx:if="{{condition}}"> True </view> 也可以用 wx:elif 和 wx:else 来添加一个 else 块： <view wx:if="{{length > 5}}" 阅读全文

摘要：列表渲染 wx:for 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item <view wx:for="{{array}}"> {{index}}: {{item.messag 阅读全文

摘要：数据绑定 WXML 中的动态数据均来自对应 Page 的 data。 简单绑定 数据绑定使用 Mustache 语法（双大括号）将变量包起来，可以作用于： 内容 <view> {{ message }} </view> Page({ data: { message: 'Hello MINA!' } 阅读全文

摘要：WXML WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。 用以下一些简单的例子来看看 WXML 具有什么能力： 数据绑定 <!--wxml--> <view> {{message}} </view> // page.j 阅读全文