微信小程序视图template模板引用的实例详解

微信小程序视图template模板引用的实例详解

WXML 提供两种文件引用方式import和include。

include可以将目标文件除了的整个代码引入，相当于是拷贝到include位置

temlate.wxml

rush:js;">

redirect.wxml引用

rush:js;">

template.js

rush:js;"> var content_for = [ { date: "2020年 10月 9日 ",title: "那年夏天",header_url: "/images/3.png",image_url: "/images/6.jpg",content: "天不言自高，地不言自厚，奇迹，是不会在容易的道路上绽放的。人生没有如果，只有后果和结果，过去的不再回来，回来的不再完美。",},{ date: "2022年 10月 9日 ",title: "夏天",image_url: "/images/8.jpg",content: "人生没有如果，只有后果和结果，过去的不再回来，回来的不再完美。",] //输出出口 module.exports={ templates: content_for }

redirect.js引用

rush:js;"> var content_data=require('../../template/template.js') // pages/redirect/redirect.js Page({

/**

• 页面的初始数据
  */
  data: {

},/**

• 生命周期函数--监听页面加载
  */
  onLoad: function (options) {

this.setData({
key: content_data.templates
});

}

});

wxml

rush:js;">