微信小程序模板template簡單用法示例
更新時間:2018年12月04日 11:43:42 作者:我要看一下山頂?shù)娘L景
這篇文章主要介紹了微信小程序模板template簡單用法,結(jié)合實例形式分析了微信小程序模板template的功能、簡單使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
本文實例講述了微信小程序模板template簡單用法。分享給大家供大家參考,具體如下:
模板呢,就是為了方便你重復(fù)寫一些代碼而建立的,目前我指發(fā)現(xiàn)它的功能適合建立一些表格類型的數(shù)據(jù),
比如,錄入認得信息啥的(都有名字,年齡,性別啥的)

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'
}
}
})
希望本文所述對大家微信小程序設(shè)計有所幫助。
相關(guān)文章
JavaScript實現(xiàn)沿五角星形線擺動的小圓實例詳解
這篇文章主要介紹了JavaScript實現(xiàn)沿五角星形線擺動的小圓實例詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
使用Microsoft Ajax Minifier減小JavaScript文件大小的方法
大家用來減小JavaScript文件下載大小的常見的方式有2種: 壓縮(compression)和縮小(minification)。2010-04-04

