欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序 template 模板標簽接受對象或數(shù)組作為 data 參數(shù) - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開發(fā)/軟件開發(fā)

知識

不管是網(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)案例查看更多