微信小程序 教程之模板

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

微信小程序 教程之模板

模板WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。定义模板使用name属性,作为模板的名字。然后在<template/>内定义代码片段,如:

<!--   index: int   msg: string   time: string  -->  <template name="msgItem">   <view>   <text> {{index}}: {{msg}} </text>   <text> Time: {{time}} </text>   </view>  </template>
登录后复制

使用模板使用is属性,声明需要的使用的模板,然后将模板所需要的data传入,如:<template is="msgItem" data="{{...item}}"/>

Page({   data: {   item: {   index: 0,   msg: 'this is a template',   time: '2016-09-15'   }   }  })
登录后复制

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

<template name="odd">   <view> odd </view>  </template>  <template name="even">   <view> even </view>  </template>    <block wx:for="{{[1, 2, 3, 4, 5]}}">   <template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/>  </block>
登录后复制

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

以上就是微信小程序 教程之模板的内容,更多相关内容请关注PHP中文网(www.php.cn)!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:Yii框架中的视图:高效地构建网页界面
下一篇:详解微信公众平台开发之发送文本消息.Net代码解析方法

发表评论

关闭广告
关闭广告