關于父頁面向組件傳值
1.在主頁面中將接口得到的數(shù)據(jù)通過自定義變量傳向組件
2.在組件中的
properties
定義自定義變量相同變量名以接收參數(shù)image.png
3.在組件的wxml中使用
關于組件向父頁面?zhèn)髦?/h2>
1.在組件中通過this.triggerEvent
用key
,value
的方式把值存儲到like
中
2.然后在使用此組件的父頁面中使用
bind:like
綁定存儲的數(shù)據(jù)的like3.當點擊事件被觸發(fā)時昌简,就可以通過事件對象得到組件傳過來的值了
關于組件復用behaviors
1.創(chuàng)建一個behaviors
的js
組件惠猿,相當于一個復用功能的components
2.在所需組件中導入痊项,用
behaviors
屬性使用滑動到最底部動態(tài)加載數(shù)據(jù)
page
頁面onReachBottom
監(jiān)聽方法
1、組件外向組件內(nèi)發(fā)送通知硼一,觸發(fā)數(shù)據(jù)更新
細節(jié)修改
為了使組件數(shù)據(jù)監(jiān)聽每次都能被觸發(fā)
onReachBottom(){
this.setData({
more:random(16) //配置為隨機數(shù),使得每一次觸數(shù)字都不唯一
})
}
用組件的observer
監(jiān)聽數(shù)據(jù)的變化,執(zhí)行自定義的函數(shù)
properties: {
more: {
type: String,
observer: 'loadMore'//觸發(fā)函數(shù)
}
}