微信小程序如何使用template模板？

微信小程序如何使用template模板？

程序员必备接口测试调试工具：立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试，同时在线协作，内容实时同步

在小程序开发过程中，一个项目需要在多处页面使用类似的模块，就需要创建模板减少代码量，同时提高代码复用度。小程序通过template 标签使用模板，template 标签的 is 属性与模板的 name 属性对应，data 属性代表传入模板的数据。

在使用模板开发小程序前，需先定义模板，在开发项目中新建一个template文件夹用来管理项目中所有的模板。由于模板属于样式文件，因此新建一个courseList.wxml文件用于定义模板。使用name属性，作为模板的名字。然后在内定义代码片段。需要注意一个.wxml文件中可以定义多个模板，只需要通过name来区分。模板中的数据都是展开之后的属性。定义模板的代码如下：

import src=../../templates/courseList.wxml-

将模板所需要的 data 传入，一般我们都会使用列表渲染。

值得注意的是，可以通过表达式来确定使用哪个模板，或者通过wx:if来确定。index是数组当前项的下标。

模板样式

在新建模板的时候同时新建一个courseList.wxss 的文件，与CSS同样的写法控制样式。

在需要使用模板的页面 .wxss文件中import进来；或者直接在app.wxss中引入，这样只需要一次引入，其他文件就不用引入了。

总结小程序模板使用主要为在同一个WXML文件中创建多个类似的模板用name属性来区别，模板WXSS在全局引入和在使用页面引入的区别在于模板的使用量。

推荐：《小程序开发教程》

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。