免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

易優(yōu)GEO 重磅上線 ~ 一站式GEO優(yōu)化工具,讓豆包、文心一言、DeepSeek 在回答中主動推薦你的品牌,搶占AI流量入口!  點擊查看

小程序模板網(wǎng)

微信小程序 template 模板標(biāo)簽接受對象或數(shù)組作為 data 參數(shù)

發(fā)布時間:2018-05-04 15:48 所屬欄目:小程序開發(fā)教程

官網(wǎng)案例是直接用對象擴(kuò)展運算符傳遞一些簡單數(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}}" />

嗯,看起來確實簡潔很多了呢?。?!



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://m.szcjxy.com/wxmini/doc/course/24226.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢: 點擊咨詢
在線客服