微信小程序~模板template引用


當您的項目需要多次使用同一個布局和樣式的時候,您就可以考慮使用template(模板)來減少冗余代碼。

使用方式:

1.新建一個template文件夾來存放您的通用模板;

2.在文件夾里面新建一個wxml,wxss,進行模板和樣式的定義;

3.設置模板的name,以及里面您需要定義的wxml內容;

4.設置wxss樣式;

5.在需要使用的頁面使用import導入該wxml頁面,注意路徑位置;

6.在需要使用的wxss文件導入該wxss;

7.在頁面上使用該模板,通過is判斷使用哪個模板,這里我們使用name為courseStudent模板(此處使用的是列表循環,所以data值為item);

 

若將data使用ES6 展開運算符‘...’,則模板里面綁定數據就不需要在前面加入item了

<!--使用ES6展開運算符 -->
<template is="courseStudent" data="{{...item}}"></template>

<template name="courseStudent">
  <!-- 此處渲染數據的時候就不需要使用 item.xxx了-->  
  <view>{{courseName}}</view>
</template>

 

 

 

 

 

.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM