// 獲取商品列表
async getgoodslist() );
//關閉下拉重新整理
wx.stoppulldownrefresh();
},/**
* 生命週期函式--監聽頁面載入
*/onload: function (options) ,
/*** 頁面上拉觸底事件的處理函式
*/onreachbottom: function () ,
fail: () => {},
complete: () => {},
});} else
},onpulldownrefresh: function () );
this.queryparams.pagenum = 1; //將頁面改為預設1
this.getgoodslist(); //重新請求資料
},});
export default ;
},created() ,
methods: ,
/* 獲取二級分類資料 */
async gettwosortdata() );
let total = res.total; //獲取總數量
this.totalpages = math.ceil(total / this.pagesize); //計算頁數
this.secondsorddata = [...this.secondsorddata, ...res.data]; //商品資料拼接
},/* 載入更多 */
loadmore() else }}
};
//簡化版本
export default ;
},created() ,
methods: );//網路請求
let total = res.total; //獲取總數量
this.totalpages = math.ceil(total / this.pagesize); //計算頁數
this.secondsorddata = [...this.secondsorddata, ...res.data]; //商品資料拼接
},/* 載入更多 */
loadmore() else }}
}
data() ,
};}onshow()
}methods: = await getspecialareaauditlistsuccess(this.goodsparams);
this.totalpage = totalpage;
this.productdata = this.delobj([...this.productdata, ...data]);
if (this.goodsparams.pageindex == this.totalpage) else
}, //去除陣列中重複的物件
delobj(obj) ;
for (var i = 0; i < obj.length; i++) );
var str = '';
for (var j = 0; j < keys.length; j++)
if (!stringify.hasownproperty(str))
} uniques = uniques;
return uniques;
},};
onreachbottom()
}
微信小程式上拉載入更多
一般上拉載入更多用於資料太多，一次載入完成資料卡頓，差不多就是乙個分頁的功能，寫法很簡單，首頁data資料中先定義乙個page為1，第一次進入頁面呼叫介面將為1的page傳給後台，隨後在小程式自帶的onreachbottom函式中操作 onreachbottom function 顯示載入圖示 wx...
微信小程式上拉載入，下拉重新整理
首先在對應的json檔案中開啟 enablepulldownrefresh true首先介紹上拉載入的方法 1.data中定義 data 2.請求資料方法 getcompanylist data success res if res.data.items 0 else let listdata th...
微信小程式 上拉載入
oa系統中，領導要對員工的的申請進行審批，如此多的員工，不可能一下子都顯示出來，需要後台進行分頁，每次上拉觸底載入一頁，每次上拉觸底載入一頁。注 因為各方面原因，不能上傳源 只提供思路和偽 data onload function options onreachbottom function ini...