微信小程序 教程之模板

网友投稿 191 2023-07-03


微信小程序 教程之模板

系列文章:

微信小程序 教程之WXSS

微信小程序pjcsLBr 教程之引用

微信小程序 教程之事件

微信小程序 教程之模板

http://微信小程序 教程之列表渲染

微信小程序 教程之条件渲染

微信小程序 教程之数据绑定

微信小程序 教程之WXML

模板

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

定义模板

使用name属性,作为模板的名字。然后在内定义代码片段,如:

{{index}}: {{msg}}

Time: {{time}}

使用模板

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

Page({

data: {

item: {

index: 0,

msg: 'this is a template',

time: '2016-09-15'

}

}

})

is属性可以使用Mustache语法,在运行时来决定具体需要渲染哪个模板:

odd

even

<template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/>

模板的作用域

模板拥有自己的作用域,只能使用data传入的数据。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序 教程之事件
下一篇:微信小程序 教程之WXML
相关文章

 发表评论

暂时没有评论,来抢沙发吧~