小程序template(模板)用法

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

那什麼是template呢 template是模板 相當於html中的iframe

使用場景:比如 在首頁需要顯示輪播 分類頁面也需要顯示輪播 詳情頁面也需要顯示輪播 並且是同一個輪播

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

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

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

在這裏插入圖片描述
在wxml中寫入模板標籤

把重複的代碼放入中

注意:這裏要定義一個name屬性 屬性值自定義(什麼都可以)
在引入模板的使用需要用 這個name 值 來調用對應的模板

在文件中可以定義多個標籤 更據name值來引用對應的模板
在這裏插入圖片描述
使用 標籤引入模板 src 寫模板文件的路徑
在這裏插入圖片描述
在頁面使用 來引入模板

注意 這裏有一個is的屬性 這裏的is屬性 要寫前面寫的name值 我這裏寫的是 bottom_nav
在這裏插入圖片描述
有時候我們需要在模板文件中使用變量
在這裏插入圖片描述
使用的時候 添加data屬性 傳入在模板中需要使用的變量 多個變量之間用 ,(逗號)分割
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章