微信小程序公共模板模板和公共js数据工具参考示例

在小型软件项目的开发过程中，经常会遇到公共模板和公共js数据的调用。这里根据我们自己有这个需求的项目简单介绍一下

目录截图

现在有一个评论区需要跨多个页面共享

先把评论区的wxml去掉，然后把将其放在模板中，并将注释的js信息放在utils中以供以后调用。 CSS直接放进去即可

先跳过css，公共模板和数据调用中有4个文件，,,,,

代码中的红色箭头

是自定义字段，对应的是下图中红色下划线

对应的是wx:for循环array_pl中的数据，所以往里面写入了一个array_pl数组，大概是这样的

const array_pl= [

{

imgurl: "/images/",

标题：“张女士”，

时间：“半小时前”，

内容：“我没有要求任何东西。”

}，

{

imgurl: "/images/",

名称:"王女士",

时间:"1小时前",

内容:"亲亲亲亲亲亲亲亲亲亲吻。"

} ,

{

imgurl: "/images/",

标题:"李先生",

时间:"2小时前",

内容:"鹅鹅是饥饿的。”

}

][ ./utils/')

//在load函数中定义变量接收数据，然后发送到

onLoad: function () {

//加载comments

var array_pl = utils.array_pl

this.setData({

array_pl

})

}

然后一个简单的静态公共数据传输和对模型的公共引用可能会像这样完成