官网案例是直接用对象扩展运算符传递一些简单数据; 实际项目中,我需要传递一个数组,该数组的每一项都是一个对象,来实现一个比较复杂一点的模板功能; 最初的解决方案是套用官网的案例在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}}" /> 嗯,看起来确实简洁很多了呢!!! |
微信小程序 template 模板标签接受对象或数组作为 data 参数
发布:2018-05-04 15:48浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08