自定義組件的創建方法
- 在根目錄下創建components檔案夾（為了區分一般的檔案夾）
- 在components下面創建新的組件名檔案夾，在新創建的組件名檔案夾下繼續創建component
- 在創建好的組件的xhtml中寫出想要顯示的內容，在wxss中編輯樣式
- 比如是在主頁index中想要呼叫自定義組件，那么就需要在index.json中進行配置
(屬性名是組件名，值就是組件的路徑）
例如：
"usingComponents": {
"xsj":"/components/xsj/xsj",
"HdView":"/components/HdView/HdView",
"FoView":"/components/FoView/FoView",
"PubTitle":"/components/PubTitle/PubTitle"
},
在index.wxml中就可以使用自定義的組件了：
有兩種方法：
<xsj></xsj>
<xsj/>
自定義組件傳遞屬性
- 在自定義組件還是那個傳遞自定義屬性
<PubTitle myTitle="新聞" myUrl="/pages/ps/ps"/>
- 需要來PubTitle自定義組件.js中接收該自定義屬性，如：
properties: {
myTitle:{
type:String,/*值的型別 */
value:"" /*值 */
},
myUrl:{
type:String,
value:""
}
},
- 在PubTitle.wxml中渲染從前端傳遞過來的屬性：
<view class="pubTitle">
<view class="txt">{{myTitle}}</view>
<navigator open-type="reLaunch" class="more" url="{{myUrl}}">更多>></navigator>
</view>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/272214.html
標籤：其他
上一篇：完整版三層架構
下一篇：MySQL--架構組件極簡總結