小程序template用法

小程序用有時會用到template   模板html

那什麼是template呢 template是模板   至關於html中的iframe小程序

使用場景:好比 在首頁須要顯示輪播  分類頁面也須要顯示輪播   詳情頁面也須要顯示輪播 而且是同一個輪播spa

這時就能夠使用template 了 把輪播的代碼提取出來放入模板標籤中 在多個頁面引用這個模板 3d

把重複的xwml 提取出來重複使用 減小代碼冗餘xml

具體步驟:新建一個tempalte模板 和新建一個普通的頁面同樣htm

在wxml中寫入模板標籤 <template></template>blog

把重複的代碼放入<template></template>中  iframe

注意:這裏要定義一個name屬性  屬性值自定義(什麼均可以)模板

在引入模板的使用須要用 這個name 值 來調用對應的模板import

在文件中能夠定義多個<template></template>標籤  更據name值來引用對應的模板

 

使用 <import></import> 標籤引入模板      src 寫模板文件的路徑

在頁面使用 <template ></template>來引入模板

注意 這裏有一個is的屬性   這裏的is屬性 要寫前面寫的name值 我這裏寫的是 bottom_nav

 

 

 

 

 

有時候咱們須要在模板文件中使用變量  

使用<template></template>的時候 添加data屬性 傳入在模板中須要使用的變量  多個變量之間用 ,(逗號)分割

 

相關文章
相關標籤/搜索