Page({
data: {
loading: false,
page: 1,
pageSize: 10,
totalCount: -1,
list: [],
type: 0,
filterList: []
},
onLoad(e) {
this.getList({ page: 1, pageSize: 10, list: [] }); //調用列表
this.filterList(); //調用頭部切換
},
getList(payload = {}) {
const {
page = this.data.page,
pageSize = this.data.pageSize,
list = this.data.list
} = payload;
this.setData({ loading: true });
api.fetchOrderList({ //數據列表
page,
pageSize,
}).then(res => {
// console.log(res);
this.setData({
page: res.page + 1,
pageSize: res.pageSize,
totalCount: res.totalCount,
list: [...list, ...res.list],
loading: false
});
});
},
filterList(){
api.fetchFilterlist().then(res => { //頭部的切換
// console.log(res);
let list = res.list.slice(0,3);
this.setData({
filterList:[{type:0,name:"全部"},...list]
});
})
},
//事件處理函數
onReachBottom() {
if (
!this.data.loading &&
(this.data.list.length < this.data.totalCount ||
this.data.totalCount < 0)
) {
this.getList();
}
},
onPullDownRefresh() {
this.onLoad({ type: this.data.type });
},
}
微信小程序觸底加載數據
?著作權歸作者所有,轉載或內容合作請聯系作者
- 文/潘曉璐 我一進店門儿礼，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人庆寺，你說我怎么就攤上這事蚊夫。” “怎么了懦尝？”我有些...
- 正文 為了忘掉前任踊挠，我火速辦了婚禮乍桂，結果婚禮上，老公的妹妹穿的比我還像新娘效床。我一直安慰自己睹酌，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布剩檀。 她就那樣靜靜地躺著憋沿，像睡著了一般。 火紅的嫁衣襯著肌膚如雪沪猴。 梳的紋絲不亂的頭發(fā)上辐啄，一...
- 文/蒼蘭香墨 我猛地睜開眼翩活，長吁一口氣：“原來是場噩夢啊……” “哼阱洪！你這毒婦竟也來了？” 一聲冷哼從身側響起菠镇，我...
- 正文 年R本政府宣布中鼠，位于F島的核電站，受9級特大地震影響沿癞，放射性物質發(fā)生泄漏援雇。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一椎扬、第九天 我趴在偏房一處隱蔽的房頂上張望惫搏。 院中可真熱鬧，春花似錦盗舰、人聲如沸晶府。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽川陆。三九已至，卻和暖如春蛮位，著一層夾襖步出監(jiān)牢的瞬間较沪，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 我們經常使用setData方法來修改數據刚梭，從而達到更新頁面的目的肠阱。但是當我們通過setData方法設置的數據過大時...
- 最近紅及一時的熊貓直播破產引來網絡一陣討論啦吧，是呀您觉，你有想過如果明天你的公司破產了，你何去何從嗎授滓？ 我很贊同一句話琳水，...
