微信小程序 --- 模板的使用
阿新 • • 發佈:2018-03-01
pla 限制 http bsp str 使用 傳遞 include foo
由於微信小程序文件大小的限制,可以把一些公用的文件 單離出來形成模板,從而被各個模板引用:
定義模板第一種方式:
新建一個目錄:
寫入:
<text>hello world</text>
模板引入:(這裏引入後面一定要有反斜杠 / )
<include src="../template/header" />
定義模板第二種方式:
定義一個 common.wxml 文件
寫入:
<template name="header"> 這裏是頭部 </template> <template name="footer">這裏是底部 </template>
這種方法引入是通過 import 方法: 主要反斜杠
<import src="../template/common.wxml" /> <template id=‘header‘ /> <template id=‘footer‘ />
使用第二種方法:還可以進行傳遞參數:
<template name="header"> {{header}} </template> <template name="footer"> {{footer}} </template>
引入:
<import src="../template/common.wxml" /> <template id=‘header‘ data="{{header:‘這裏是頭部‘}}" /> <template id=‘footer‘ data="{{footer:‘這裏是底部‘}}" />
微信小程序 --- 模板的使用