七月 25

微信小程序WXML特性

数据绑定

动态数据全部来自页面js文件中的Page的data对象。我们绑定过程用的是Mustache语法,也就是变量名加双括号的语法,例如{{message}}。

绑定既可以绑定标签的内容,也可以绑定标签的属性。接下来我们就一起看一下小程序标签都有哪些共同属性:

列表渲染

在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。

默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item

条件渲染

在框架中,使用 wx:if=”” 来判断是否需要渲染该代码块

模板

通过template标签来定一个一个模板,模板的名称用name属性来定义。

使用模板时,通过template中的is属性来选择使用哪个模板。data决定使用那些数据。

引用

import:引用其他文件中的template模板。语法格式为:<import src = “a.wxml”></import>

inlcude: 引入除了template之外的其他内容 <include src = “a.wxml”></import>



文章由安静原创,发表于www.ajnote.com。转载请注明出处

发表 2019年7月25日 自 anjing 类别 "小程序学习笔记

发表评论

电子邮件地址不会被公开。 必填项已用*标注