首页 > 编程 > JavaScript > 正文

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

2019-11-19 12:24:46
字体:
来源:转载
供稿:网友

本文实例讲述了微信小程序模板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'  } }})

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表