微信小程序 template 模板功能实现循环
原创
官网案例是直接用对象扩展运算符传递一些简单数据；
实际项目中，我需要传递一个数组，该数组的每一项都是一个对象，来实现一个比较复杂一点的模板功能；
最初的解决方案是套用官网的案例在wxml中使用循环，把每次循环的item也就是数组项作为参数传递到模板中，这就跟官网案例很相似；
但是这样做的一个问题就是代码还是感觉有点臃肿，本身作为模板最终的渲染逻辑应该是包含整个循环在内的，现在却把循环放到了代码中。这样用模板的意义就基本上没有了，优势也不存在了；
实例代码：
<!-- 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>经过思考，发现可以这样来实现；
<!-- 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}}" />嗯，看起来确实简洁很多了呢！！！
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读