微信小程式學習日誌 模板引用簡述

2021-08-18 22:52:26 字數 1515 閱讀 1818

1、在同乙個wxml檔案建立和引用模板

先去template頁面的js檔案中定義乙個item物件,該物件包含姓名、性別與學號

建立乙個模板利用template標籤,template標籤中的name屬性表示這個模板的名稱,引用時需要用到這個名稱。

引用時需要用到template的is屬性,填入的是模板名稱,表明引用的模版;data屬性傳入模板乙個物件。「...」是擴充套件運算子,合理分配物件內容。

編譯得

2、在不同的頁面建立模板和引用

引用在其他頁面建立的模板時,可以利用import和include標籤,他們都是在標籤內加上src=「目標內容的頁面」。但不同的是import是只引入模板內容,include只引入非模板內容,並且include引入的非模板內容會立即執行。

現在先建立兩個新的wxml檔案:index1.wxml和index2.wxml

然後在template頁面用import引入index1.wxml,並且引用index1中的oh_yeah模板;同時利用include引入index2.

編譯後如下

可以看到,index1的非模板內容沒有顯示,而index2的非模板內容在執行include時便已編譯,所以index2的內容在index1的上方。

但上述**並沒有引用index2的模板內容的語句,會不會是因為這個index2的模板內內容沒顯示呢?那好,我們在template頁面下面加上引用index2模板內容的語句

<

template

is="oh_hi">

template

>

然後編譯,系統提示warnning,並沒有發現oh_hi模板

收工,睡覺。

微信小程式簡述

登入後有以下兩種選項,在這兒我選擇本地小程式專案 可以新增專案,也可以開啟以前的專案,在這兒我新增乙個專案 這就是開發工具的整體布局 pages中包含若干個page,乙個page代表乙個頁面,page中包含 js json wxml wxss檔案,wxml wxss類似於html和css,分別為頁面...

微信小程式學習之路《八》 模板引用

模板 wxml提供模板 template 可以在模板中定義 片段,然後在不同的地方呼叫。定義模板 使用name屬性,作為模板的名字。然後在內定義 片段,如 name msgitem text time text view template 使用模板 使用 is 屬性,宣告需要的使用的模板,然後將模板...

微信小程式(模板)

1.模板 wxml提供模板 template 可以在模板中定義 片段,然後在不同的地方呼叫。定義模板 使用name屬性,作為模板的名字。然後在內定義 片段,如 name postitem class post container class post author date class post a...