做小程序用到了<template></template>模板的使用,感覺挺新奇的,其實你可以理解類比到其他開發(fā)中,比如iOS中自定義UI,這就相當于一個自定義的ui我認為;
//展示頁js
var app = getApp()
page({
eggs:{
data:[1,2,3,4,5,6,7,8,9] //模板頁用來展示的數(shù)據(jù)
}
})
<import src="../template/template.wxml"/> //引入模板的wxml文件
<view class="container">
<template is="{{eggs.data.length> 0 ? 'data' : 'noData'}}" data="{{...eggs}}"></template> //此時進行判斷該用哪個模板-->判斷template 的name屬性,eg是指要傳入模板的數(shù)據(jù)
</view>
<template name="noData"> //模板有name屬性
<view>
沒有數(shù)據(jù)哦!
</view>
</template>
<template name="data"> //模板有name屬性
<view wx:for='{{data}}' wx:key='{{key}}'>
<view>{{item}}</view>
</view>
</template> //此時循環(huán)的data是eggs{data:[...]}
繼續(xù)寫項目中。。。。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。