template 模板之有坑

微信小程序  踩坑之 :template 模板封装

实际项目中,我需要传递一个数组,该数组的每一项都是一个对象,来实现一个比较复杂一点的模板功能;而相同类似的功能不需要写多次同样的代码,这时候就需要封装代码,以便之后需要的类似的功能直接调用。上代码。
设计图图片排列位置
template 模板之有坑

首先建立一个模板文件来放置你想要封装的模板

template 模板之有坑

建立模板代码 且给模板命名 使用name字段。

template 模板之有坑

在wxml种引用template模板小程序官网都有,就不细说了。我要说的是在引用模板传递数据的时候

遇到的坑。

template 模板之有坑

我在引用模板的时候循环的list数据格式如下图

template 模板之有坑

但是在循环之后向定义的模板传递数据的时候  使用{{item.pics}}报错了

template 模板之有坑

按理说在模板里面使用的数据字段名称 和我在页面内引用传递的数据字段名称是一样的,不应该传不过去,这个地方也让我百思不得骑解好一会儿。

之后发现貌似要给传递过去的数组起个名字,改成下图这样就可以了。

 

template 模板之有坑