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