引入模板小程序的两种方法
在微信小程序开发过程中,使用小程序模板能够让整个开发过程更加简单容易操作,所以很多人会选择引入模板小程序。那么具体要怎么引入呢?以下是引入模板小程序的两种方法。
方法一:在公共模板中定义template元素,利用 方法 ,这种方式只会显示公共模板的template里面的内容,之外的内容不会显示
注意:这里的data='{{引入的数据1,引入数据2}}' 是在template中要提取小程序js函数文件中的data数据里面的key名字,否则无法显示
公共模板的wxml:在公共模板中必须定义每一个template的的name的名字,否则引用的时候无法得知引用具体某一个;
{{title.header}}
要引用的文件js定义数据:
data: {
title:{header:'这是template的header部分',footer:'这是template的footer部分',other:'这是tempalt外部部分'}
}
小程序页面结果:
方法二:
这种方式是引入了模板中除了tempalte以外的所有内容。
公共模板的wxml:
{{title.other}}
js定义的数据:
title:{header:'news里面的的header',footer:'这是template的footer部分'}
页面结果:
总结:import方式和imclude方式的不同在于前者仅引用公共模板中的template里面的内容后者仅引用template以外的内容,显而易见,include方式更简单一些,在wxml中只需要一句话即可。
上文中提供的两种引入模板小程序的方法大家都看懂了吗,是不是很实用呢?如果还有什么不懂的地方欢迎在文章底部留言,或者直接在微信小程序商店进行搜索。
怎么进行微信小程序icon引入
小程序模板推送怎么弄?
微信小程序如何引用模板?微信小程序引用模版教程