小程序中使用template模板总结-小程序模板的使用-小程序模板代码-即速应用

小程序中使用template模板总结-小程序模板的使用-小程序模板代码

浏览量：2491 时间：2020-04-06 来源：linda`li

1.
小程序的使用模板具体使用的方法可以参考一下这篇，这篇文章写的挺详细的也很不错
2.
https://www.jianshu.com/p/cfca91e9a78b
3.
下面来说说具体踩的坑
4.
1.index.html页面中引入组件中的template模板，shareData是index.js中data里的数据
importsrc"/components/template/template.wxml"/templateis"templateEnter"data"{{shareData}}"/5.
2.template组件的wxml页面（tips：template标签中是不能写wx:for循环的这样子页面会变空白但是控制台不会报错）
templatename"templateEnter"blockwx:for"{{shareData}}"wx:key"{{index}}"bannerPicwx:if"{{item.type1}}"attr"{{item.attributeJson}}"/bannerPic/block/template6.
3.引入bannerPic组件
7.
index.json中（tips:要再正在引入template的页面中引用bannerPic组件否则无效）
{"usingComponents":{"bannerPic":"/components/banner/banner"}}8.
4.index页面中可以直接这样子写（tips：把模板单独放在组件中是因为方便其天自定义页面引用时的方便）
templateis"templateEnter"data"{{shareData}}"/templatename"templateEnter"blockwx:for"{{shareData}}"wx:key"{{index}}"bannerPicwx:if"{{item.type1}}"attr"{{item.attributeJson}}"/bannerPic/block/template