微信小程式之模板的使用

2022-09-01 04:21:09 字數 501 閱讀 8788

在乙個專案中需要在多處頁面使用類似的模組,就需要建立模板—-減少**量,同時**高度復用;

一、定義模板

1、新建乙個template資料夾用來管理專案中所有的模板;

2、新建乙個courselist.wxml檔案來定義模板;

3、使用name屬性,作為模板的名字。然後在內定義**片段。

乙個.wxml檔案中可以定義多個模板,只需要通過name來區分;

模板中的資料都是展開之後的屬性。

這裡面寫你要放入的模組的**!

二、使用模板

1、使用 is 屬性,宣告需要的使用的模板

2、將模板所需要的 data 傳入,一般我們都會使用列表渲染。

data 是要模板渲染的資料,data="}" 寫法是es6的寫法,item是wx:for當前項,... 是展開運算子,在模板中不需要再} 而是直接} 。

@import "../template/courselist.wxss";

微信小程式之模板使用

一 模板 二 引用 wxml 提供兩種檔案引用方式import和include。import可以在該檔案中使用目標檔案定義的template import 有作用域的概念,即只會 import 目標檔案中定義的 template,而不會 import 目標檔案 import 的 template。i...

微信小程式模板之template

template 模版 主要用於展示,模版中不涉及事件處理,需要處理的事件邏輯放在呼叫模版的頁面中。乙個 template 模版 只包含 wxml wxss 檔案,建議檔案命名以template結尾 以渲染資料為多個陣列為例 postitem post container class post au...

微信小程式(模板)

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