欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序 template 模板标签接受对象或数组作为 data 参数

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

微信小程序 template 模板标签接受对象或数组作为 data 参数

发布时间:2020-11-01  

官网案例是直接用对象扩展运算符传递一些简单数据;

实际项目中,我需要传递一个数组,该数组的每一项都是一个对象,来实现一个比较复杂一点的模板功能;

最初的解决方案是套用官网的案例在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}}" />

嗯,看起来确实简洁很多了呢!!!