日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

小程序模板template使用介绍

發(fā)布時(shí)間:2024/6/21 综合教程 44 生活家
生活随笔 收集整理的這篇文章主要介紹了 小程序模板template使用介绍 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

template(模板):是可以在wxml中引用的代碼,就是在wxml中引用公用的wxml類型的代碼,它的作用類似于組件,因此這里簡單的說明下template與Component (組件)的區(qū)別。

template(模板)與Component (組件)的區(qū)別:

1.template(模板):主要用于顯示,簡單的說主要是用于嵌入wxml的代碼,模板中是可以擁有對應(yīng)的樣式以及邏輯,但是他并沒有屬于的對應(yīng)的js文件,它的邏輯依賴于引用的頁面。

2.Component(組件):作為一個(gè)單獨(dú)的功能模塊,不僅可以包含頁面展示還可以包含該模塊的事件邏輯處理。像一個(gè)頁面一樣,Component組件可以包含wxml wxss js json 文件。

總的來說,template(模板)和Component (組件)非常相似,Component (組件)相比于template(模板)更完整,接近于一個(gè)獨(dú)立的模塊,有自己的邏輯方法,所以在使用場景上會有一定的區(qū)別,template(模板)更多的適用于僅僅是展示用的,而Component (組件)可用于業(yè)務(wù)上或者涉及的邏輯相對復(fù)雜的場景上進(jìn)行使用。

引入模板
新建一個(gè)wxml文件,用template的標(biāo)簽寫入對應(yīng)的內(nèi)容,并命名name的屬性(name相當(dāng)于ID,具有對應(yīng)的識別功能)

然后在對應(yīng)的頁面中通過import模板文件,并通過template標(biāo)簽進(jìn)行讀取,is屬性對應(yīng)template的name屬性,is屬性可以通過匹配匹配出要讀取的模板。

使用注意
template是可以依賴于引用頁面的樣式以及邏輯的,因此引用的時(shí)候要非常謹(jǐn)慎注意。如引用js,和wxss。

如圖給template加上class和事件

在引入的index文件中的wxss文件加入對應(yīng)的類名以及加入對應(yīng)的事件

 

 

證明template的代碼是可以依賴引入文件的js,css

參數(shù)傳遞
參數(shù)的傳遞可以通過data屬性進(jìn)行傳遞并在模板文件中通過item進(jìn)行賦值

總結(jié):以上就是template模板的一些基礎(chǔ)知識,在使用的量上可能沒有component那么頻繁,畢竟相對與component,template所使用場景還是稍微少了一點(diǎn)。當(dāng)然如果要深度解析template的案例的話,大家可以參考一下wxPrase的這個(gè)插件,插件中就通過template實(shí)現(xiàn)富文本的讀取。

總結(jié)

以上是生活随笔為你收集整理的小程序模板template使用介绍的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。