微信小程序模板template简单用法示例

时间:2021-05-18

本文实例讲述了微信小程序模板template简单用法。分享给大家供大家参考,具体如下:

模板呢,就是为了方便你重复写一些代码而建立的,目前我指发现它的功能适合建立一些表格类型的数据,

比如,录入认得信息啥的(都有名字,年龄,性别啥的)

1. index.wxml代码

<view class="page"><template name="aafa"><view> <text> 姓名:{{name}} 年龄:{{age}}</text> </view></template>//这是模板显示的四种方式,你看你喜欢哪一种<template is="aafa" data="{{...zhangsan}}"/><template is="aafa" data="{{name:'李四',age:30}}"/><template is="aafa" data="{{name:x,age:y}}"/><template is="aafa" data="{{name,age}}"/><view>------------------------</view><template name="msgItem"> <view> <text> {{index}}: {{msg}} </text> <text> Time: {{time}} </text> </view></template><template is="msgItem" data="{{...item}}"/></view>

2. index.js中代码

//Page({ data: { name:'唐6', age:50, x:'郭5', y:40, zhangsan:{ name:'张三', age:20 }, item: { index: 0, msg: 'this is a template', time: '2016-09-15' } }})

希望本文所述对大家微信小程序设计有所帮助。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章