Skip to content

G
GaoQuYingJiH5-ASD
Commit 94a1b086 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

隐患分页问题处理

parent 544fe27b
Show whitespace changes
Inline Side-by-side
Showing with 46 additions and 34 deletions
src/yh-list.html
View file @ 94a1b086
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<body> <body>
<div id="app"> <div id="app">
<div class="content" v-cloak> <div class="content" v-cloak>
<van-list v-model:loading="loadFlag" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList"> <van-list v-model:loading="loadFlag" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList" :immediate-check="false">
<van-cell v-for="(item, index) in list" :key="item"> <van-cell v-for="(item, index) in list" :key="item">
<div class="list-item-wrapper" > <div class="list-item-wrapper" >
<p class=""> <p class="">
......
src/yh-list.js
View file @ 94a1b086
...@@ -7,54 +7,66 @@ window.addEventListener("load", function() { ...@@ -7,54 +7,66 @@ window.addEventListener("load", function() {
el: '#app', el: '#app',
data() { data() {
return { return {
loadFlag:false, loadFlag: false,
value: '', value: '',
list: [], list: [],
// loadFlag: false, // loadFlag: false,
finished: false, finished: false,
page: 0, page: 0,
size: 9999, size: 10,
total: 0 total: 0
} }
}, },
mounted() { mounted() {
this.getList() this.getList()
}, },
watch: {
loadFlag: {
handler(newValue, oldValue) {
console.log('loadFlag111变化了', oldValue, newValue);
},
immediate: true // 立即执行监听器
}
},
methods: { methods: {
detail(item){ detail(item) {
gemhoUtil.navigatePage('./yh-list-detail.html?hdId='+item.hdId+'&type=detail') gemhoUtil.navigatePage('./yh-list-detail.html?hdId=' + item.hdId + '&type=detail')
}, },
edit(item){ edit(item) {
gemhoUtil.navigatePage('./yh-list-detail.html?hdId='+item.hdId+'&type=edit') gemhoUtil.navigatePage('./yh-list-detail.html?hdId=' + item.hdId + '&type=edit')
}, },
getList(){ getList() {
// console.log('this.loadFlag',this.loadFlag) console.log('this.loadFlag', this.loadFlag)
if(this.loadFlag){ // if (this.loadFlag) {
return // return
} // }
this.loadFlag = true // this.loadFlag = true
setTimeout(() => {
http2.post({ http2.post({
serviceId: API_KEY_MAP["yh-list"]['id'], serviceId: API_KEY_MAP["yh-list"]['id'],
interfacePublicKey: API_KEY_MAP["yh-list"]["publicKey"], interfacePublicKey: API_KEY_MAP["yh-list"]["publicKey"],
interfacePrivateKey: API_KEY_MAP["yh-list"]["privateKey"], interfacePrivateKey: API_KEY_MAP["yh-list"]["privateKey"],
reqParams: { reqParams: {
page: this.page++,// 每次请求增加下一页 page: this.page++, // 每次请求增加下一页
size: this.size, size: this.size,
sort: 'hdId,desc', sort: 'hdId,desc',
} }
}, (res) => { }, (res) => {
if(res){ if (res) {
var result = JSON.parse(res) var result = JSON.parse(res)
this.list.push(...result.content); this.list.push(...result.content);
this.total = result.totalElements this.total = result.totalElements
if(this.page*this.size >= this.total){ if (this.page * this.size >= this.total) {
this.finished = true; // 下滑不在刷新数据 this.finished = true; // 下滑不在刷新数据
} }
} }
this.loadFlag = false this.loadFlag = false
console.log('响应结束',this.total, this.list.length)
}) })
}, 0)
} }
}, },
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment