微信小程序中使用template
当我们的项目需要多次使用同一个布局和样式的时候,我们就可以考虑使用template(模块)来减少冗余的代码。
使用方法:
1. 新建一个template文件夹存放通用模板;
2. 在文件夹汇里面新建一个wxml,wxss,进行模版和样式的定义;
3. 设置模版的name,以及里面我们需要定义的wxml的内容;
4. 设置wxss样式;
5. 在需要使用的页面import倒入该wxml页面,注意路径位置;
6. 在需要使用的wxss文件导入该wxss;
7. 在页面上使用该模版,通过is判断使用那个模版,这里我们使用name为courseStudent模版(此处使用的是列表循环,所以data值为item);
若将data使用ES6展开运算符‘...’,则模版里面绑定数据就不需要在前面加入item了;
<!--使用ES6展开运算符 --> <template is="courseStudent" data="{{...item}}"></template> <template name="courseStudent"> <!-- 此处渲染数据的时候就不需要使用 item.xxx了--> <view>{{courseName}}</view> </template>
原文链接:https://www.cnblogs.com/zzd0916/p/7878467.html