知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
您當前位置>首頁 » 新聞資訊 » 小程序相關(guān) >
微信小程序 template 模板標簽接受對象或數(shù)組作為 data 參數(shù)
發(fā)表時間:2021-3-31
發(fā)布人:葵宇科技
瀏覽次數(shù):95
官網(wǎng)案例是直接用對象擴展運算符傳遞一些簡單數(shù)據(jù);
實際項目中,我需要傳遞一個數(shù)組,該數(shù)組的每一項都是一個對象,來實現(xiàn)一個比較復(fù)雜一點的模板功能;
最初的解決方案是套用官網(wǎng)的案例在wxml中使用循環(huán),把每次循環(huán)的item也就是數(shù)組項作為參數(shù)傳遞到模板中,這就跟官網(wǎng)案例很相似;
但是這樣做的一個問題就是代碼還是感覺有點臃腫,本身作為模板最終的渲染邏輯應(yīng)該是包含整個循環(huán)在內(nèi)的,現(xiàn)在卻把循環(huán)放到了代碼中。這樣用模板的意義就基本上沒有了,優(yōu)勢也不存在了;
實例代碼:
<!-- tmpl模板代碼 -->
<template name="asd">
<text>{{name}}</text>
</template>
<!-- 主題代碼 -->
<block wx:for="{{item.data.singer}}">
<block wx:if="{{index > 0}}"> / </block>
<template is="asd" data="{{...item}}" />
</block>
經(jīng)過思考,發(fā)現(xiàn)可以這樣來實現(xiàn);
<!-- tmpl模板代碼 -->
<template name="abc">
<block wx:for="{{array}}">
<text><block wx:if="{{index > 0}}"> / </block>{{item.name}}</text>
</block>
</template>
<!-- 主題代碼 -->
<template is="abc" data="{{array: item.data.singer}}" />
嗯,看起來確實簡潔很多了呢?。?!
如果還有什么不明白的可以參考我的案例代碼 地址 中的 /pages/album/index.wxml
頁面。
相關(guān)案例查看更多
相關(guān)閱讀
- web服務(wù)
- 網(wǎng)站建設(shè)案例
- 網(wǎng)站制作
- 網(wǎng)絡(luò)公司聯(lián)系方式
- 汽車回收管理
- 做網(wǎng)站
- 網(wǎng)站建設(shè)選
- 網(wǎng)站建設(shè)報價
- 云南小程序開發(fā)哪家好
- 模版消息
- 云南小程序定制
- 云南小程序公司
- 云南省建設(shè)廳網(wǎng)站
- 云南網(wǎng)站建設(shè)優(yōu)化
- 服務(wù)器
- 保險網(wǎng)站建設(shè)公司
- 云南網(wǎng)站建設(shè)方法
- 云南網(wǎng)站建設(shè)首選公司
- 網(wǎng)絡(luò)公司排名
- 小程序開發(fā)費用
- 云南網(wǎng)站建設(shè)服務(wù)公司
- 網(wǎng)絡(luò)營銷
- 云南網(wǎng)站建設(shè) 網(wǎng)絡(luò)服務(wù)
- 云南小程序代建
- 昆明做網(wǎng)站
- 貴州小程序開發(fā)
- 云南網(wǎng)站建設(shè)首選
- APP
- 云南建設(shè)廳網(wǎng)站
- 網(wǎng)絡(luò)公司電話