您当前的位置: 首页 > 知识百科 > 引入模板小程序的两种方法

引入模板小程序的两种方法

时间:2023-07-01 14:05 阅读数:45 人阅读 分类:知识百科

  在微信小程序开发过程中,使用小程序模板能够让整个开发过程更加简单容易操作,所以很多人会选择引入模板小程序。那么具体要怎么引入呢?以下是引入模板小程序的两种方法。

  方法一:在公共模板中定义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引入

  小程序模板推送怎么弄?

  微信小程序如何引用模板?微信小程序引用模版教程