微信小程序使用template模板的方法-創(chuàng)新互聯(lián)

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

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

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

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

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

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

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

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

模板樣式

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

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

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

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

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

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

廣告

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