微信小程序自定義模板和組件


1.自定義模板
先建立public文件,在這個文件里再建一個,在這個文件里創建一個xxx.wxml,xxx.wxss,
在父組件里用import 引入
public文件

步驟1:用inport引入

步驟二:在父組件中使用

movie_moudule.wxml文件封裝自定義模板

注意:自定義模板只復用wxml,css部分,不具有交互功能,想要交互還是要使用自定義組件
2.自定義組件
創建一個components文件
在里邊生成組件

步驟1:在要引入自定義組件的json中定義

步驟2:使用
在這里我請求了一下數據 循環創建每個影片的item
在data中定義

wx.request請求數據

步驟3:頁面使用

自定義組件封裝

其中 父組件傳遞的數據 在 properties中接收

  可以在組件中綁定事件
  比如bindtap

最后的效果大概就是這個樣子的

組件在封裝的時候或許有一些麻煩 但是封裝好很好用 后期在維護的時候也會方便很多


免責聲明!

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



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