前提：在微信小程序中，无论是文章，新闻还是攻略，肯定会有一个列表页进行展示，这里就以咨询列表页为例进行模板封装
模板封装
列表中的选项使用模板的引用来使用，把相同内容，封装面wxml到外部，在使用地方引入在根下面创建一个common/templates目录，在目录中创建一个news.wxml文件
1、创建模板
在根下面创建一个common/templates目录，在目录中创建一个news.wxml文件
2、在创建的news.wxml文件中定义template标签，name=“news”，将列表页的wxml代码复制进去。
创建模板
3、在资讯列表页中引入模板，使用绝对路径加载更快
资讯列表页中引入模板
4、在列表页进行展示时，使用<template is="news" data="{{ ...item }}"/>进行模板绑定占位is中的属性值就是第2步name的属性值
绑定占位
这样就完成模板封装已经引入使用。
拓展 数据的数组对象展开，使用了data=“{{ ... item }}”：
这里面我们在block循环时，使用了data=“{{ ... item }}”，进行数据的数组对象展开，方便在模板文件中直接使用，而不需要进行对象取值。
网友评论