vue實現(xiàn)觸底查詢功能
更新時間:2021年11月25日 12:59:19 作者:@洛飛
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)觸底查詢功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了vue實現(xiàn)觸底查詢功能的具體代碼,供大家參考,具體內(nèi)容如下
1.使用vant-list組件相關(guān)內(nèi)容如下:
2.對象綁定值的默認(rèn)值:
3.查詢方法:
完整代碼:
methods: { getdata() { let status=3; this.queryParams.params={ status:status, passFactory: this.$store.state.user.werksName } let params = JSON.parse(JSON.stringify(this.queryParams)); api.getPageList(params).then((res) => { if (res.success) { this.dataList = res.data.content; } else { Toast.fail({ message: res.msg }); } }); }, onLoad() {//觸底查詢 this.queryParams.page += 1; let _this = this; let status=3; this.queryParams.params={ status:status, passFactory: this.$store.state.user.werksName } let params = JSON.parse(JSON.stringify(this.queryParams)); api.getPageList(params).then((res) => { if(res.success){ this.dataList = this.dataList.concat(res.data.content); if (this.dataList.length >= res.data.totalElements) { this.finished = true; } else { this.finished = false; } this.loading = false; } }); },
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue通過krpano.js實現(xiàn)360全景圖的實例代碼
這篇文章主要介紹了vue上通過krpano.js實現(xiàn)360全景圖,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-10-10在vue和element-ui的table中實現(xiàn)分頁復(fù)選功能
這篇文章主要介紹了在vue和element-ui的table中實現(xiàn)分頁復(fù)選功能,本文代碼結(jié)合圖文的形式給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12