這篇文章主要介紹微信小程序使用template模板的方法，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)成立與2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元中江做網(wǎng)站,已為上家服務(wù),為中江各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575

在小程序開發(fā)過程中，一個項目需要在多處頁面使用類似的模塊，就需要創(chuàng)建模板減少代碼量，同時提高代碼復(fù)用度。小程序通過template 標(biāo)簽使用模板，template 標(biāo)簽的 is 屬性與模板的 name 屬性對應(yīng)，data 屬性代表傳入模板的數(shù)據(jù)。

在使用模板開發(fā)小程序前，需先定義模板，在開發(fā)項目中新建一個template文件夾用來管理項目中所有的模板。由于模板屬于樣式文件，因此新建一個courseList.wxml文件用于定義模板。使用name屬性，作為模板的名字。然后在內(nèi)定義代碼片段。需要注意一個.wxml文件中可以定義多個模板，只需要通過name來區(qū)分。模板中的數(shù)據(jù)都是展開之后的屬性。定義模板的代碼如下：

在name中輸入不同名稱可以定義另一個完整的template，它們屬于一個.WXML文件下，在使用模板中通過不同的名字調(diào)用定義的模板。使用 is 屬性，聲明需要的使用的模板：

import src=../../templates/courseList.wxml

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

值得注意的是，可以通過表達(dá)式來確定使用哪個模板，或者通過wx:if來確定。index是數(shù)組當(dāng)前項的下標(biāo)。

模板樣式

在新建模板的時候同時新建一個courseList.wxss 的文件，與CSS同樣的寫法控制樣式。

在需要使用模板的頁面 .wxss文件中import進(jìn)來；或者直接在app.wxss中引入，這樣只需要一次引入，其他文件就不用引入了。

總結(jié)小程序模板使用主要為在同一個WXML文件中創(chuàng)建多個類似的模板用name屬性來區(qū)別，模板WXSS在全局引入和在使用頁面引入的區(qū)別在于模板的使用量。

以上是“微信小程序使用template模板的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：微信小程序使用template模板的方法-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://aaarwkj.com/article18/hcedp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計、軟件開發(fā)、手機(jī)網(wǎng)站建設(shè)、Google、虛擬主機(jī)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)