微信小程序模板template簡(jiǎn)單用法示例
更新時(shí)間：2018年12月04日 11:43:42 作者：我要看一下山頂?shù)娘L(fēng)景
這篇文章主要介紹了微信小程序模板template簡(jiǎn)單用法,結(jié)合實(shí)例形式分析了微信小程序模板template的功能、簡(jiǎn)單使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
本文實(shí)例講述了微信小程序模板template簡(jiǎn)單用法。分享給大家供大家參考，具體如下：
模板呢，就是為了方便你重復(fù)寫(xiě)一些代碼而建立的，目前我指發(fā)現(xiàn)它的功能適合建立一些表格類型的數(shù)據(jù)，
比如，錄入認(rèn)得信息啥的(都有名字，年齡，性別啥的)
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'
}
}
})
希望本文所述對(duì)大家微信小程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- 微信小程序?qū)W習(xí)總結(jié)（三）條件、模板、文件引用實(shí)例分析
- 微信小程序?qū)W習(xí)總結(jié)（二）樣式、屬性、模板操作分析
- 微信小程序自定義導(dǎo)航欄（模板化）
- 微信小程序模板消息推送的兩種實(shí)現(xiàn)方式
- 微信小程序模板消息限制實(shí)現(xiàn)無(wú)限制主動(dòng)推送的示例代碼
- 微信小程序template模板與component組件的區(qū)別和使用詳解
- 微信小程序?qū)崿F(xiàn)發(fā)送模板消息功能示例【通過(guò)openid推送消息給用戶】
- 微信公眾平臺(tái) 發(fā)送模板消息(Java接口開(kāi)發(fā))
- 微信小程序模板與設(shè)置WXML實(shí)例講解
相關(guān)文章
這篇文章主要介紹了js獲取當(dāng)前月的第一天和最后一天的小例子，有需要的朋友可以參考一下2013-11-11
JavaScript實(shí)現(xiàn)沿五角星形線擺動(dòng)的小圓實(shí)例詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)沿五角星形線擺動(dòng)的小圓實(shí)例詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
簡(jiǎn)述Matlab中size()函數(shù)的用法
size（）函數(shù)用來(lái)獲取矩陣的行數(shù)和列數(shù)。接下來(lái)通過(guò)本文給大家介紹matlab中size()函數(shù)的用法，需要的朋友一起學(xué)習(xí)吧2016-03-03
使用Microsoft Ajax Minifier減小JavaScript文件大小的方法
大家用來(lái)減小JavaScript文件下載大小的常見(jiàn)的方式有2種： 壓縮（compression）和縮小（minification）。2010-04-04
正則表達(dá)式基本語(yǔ)法及表單驗(yàn)證操作詳解【基于JS】
這篇文章主要介紹了正則表達(dá)式基本語(yǔ)法及表單驗(yàn)證操作,較為詳細(xì)的分析了正則表達(dá)式的基本語(yǔ)法以及基于JS實(shí)現(xiàn)的表單正則驗(yàn)證操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細(xì)介紹了JavaScript仿聊天室聊天記錄實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JS實(shí)現(xiàn)自動(dòng)變化的導(dǎo)航菜單效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)自動(dòng)變化的導(dǎo)航菜單效果代碼,涉及JavaScript基于定時(shí)函數(shù)觸發(fā)頁(yè)面元素屬性動(dòng)態(tài)變換的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
微信小程序之下拉列表實(shí)現(xiàn)方法解析（附完整源碼）
這篇文章主要介紹了微信小程序之下拉列表實(shí)現(xiàn)方法解析（附完整源碼）,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
JavaScript實(shí)現(xiàn)前端倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)前端倒計(jì)時(shí)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-02-02
這篇文章主要教大家如何簡(jiǎn)單實(shí)現(xiàn)js拖拽效果，很詳細(xì)的js拖拽效果實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07