微信小程序中使用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

浙公网安备 33010602011771号