vue實(shí)現(xiàn)觸底查詢功能
本文實(shí)例為大家分享了vue實(shí)現(xiàn)觸底查詢功能的具體代碼,供大家參考,具體內(nèi)容如下
1.使用vant-list組件相關(guān)內(nèi)容如下:
2.對(duì)象綁定值的默認(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; } }); },
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vue input輸入框模糊查詢的示例代碼
- vue實(shí)現(xiàn)Input輸入框模糊查詢方法
- Vue.js實(shí)現(xiàn)分頁(yè)查詢功能
- Vue實(shí)現(xiàn)點(diǎn)擊時(shí)間獲取時(shí)間段查詢功能
- Vue.js進(jìn)行查詢操作的實(shí)例詳解
- 利用Vue.js框架實(shí)現(xiàn)火車票查詢系統(tǒng)(附源碼)
- 基于vue.js實(shí)現(xiàn)分頁(yè)查詢功能
- 使用Bootstrap4 + Vue2實(shí)現(xiàn)分頁(yè)查詢的示例代碼
- vue2過(guò)濾器模糊查詢方法
- vue實(shí)現(xiàn)輸入框的模糊查詢的示例代碼(節(jié)流函數(shù)的應(yīng)用場(chǎng)景)
相關(guān)文章
vue通過(guò)krpano.js實(shí)現(xiàn)360全景圖的實(shí)例代碼
這篇文章主要介紹了vue上通過(guò)krpano.js實(shí)現(xiàn)360全景圖,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-10-10在vue和element-ui的table中實(shí)現(xiàn)分頁(yè)復(fù)選功能
這篇文章主要介紹了在vue和element-ui的table中實(shí)現(xiàn)分頁(yè)復(fù)選功能,本文代碼結(jié)合圖文的形式給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12VUE el-tree組件左邊勾選,右邊清除交互問(wèn)題
這篇文章主要介紹了VUE el-tree組件左邊勾選,右邊清除交互問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。2023-04-04vue.js 左側(cè)二級(jí)菜單顯示與隱藏切換的實(shí)例代碼
這篇文章主要介紹了vue.js 左側(cè)二級(jí)菜單顯示與隱藏切換的實(shí)例代碼,需要的朋友可以參考下2017-05-05VUE單頁(yè)面切換動(dòng)畫(huà)代碼(全網(wǎng)最好的切換效果)
今天小編就為大家分享一篇VUE單頁(yè)面切換動(dòng)畫(huà)代碼(全網(wǎng)最好的切換效果),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10