隐患分页问题处理

94a1b086 · xinzhedeai · 544fe27b · 94a1b086 · 94a1b086
Commit 94a1b086 authored Jul 03, 2024 by xinzhedeai
Hide whitespace changes
Inline Side-by-side

Showing with 46 additions and 34 deletions

yh-list.html src/yh-list.html +1 -1

yh-list.js src/yh-list.js +45 -33

No files found.
--- a/src/yh-list.html
+++ b/src/yh-list.html
@@ -18,7 +18,7 @@
 	<body>
 		<div id="app">
 			<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">
 						<div class="list-item-wrapper" >
 							<p class="">

--- a/src/yh-list.js
+++ b/src/yh-list.js
@@ -7,54 +7,66 @@ window.addEventListener("load", function() {
 		el: '#app',
 		data() {
 			return {
-				loadFlag:false,
+				loadFlag: false,
 				value: '',
 				list: [],
 				// loadFlag: false,
 				finished: false,
 				page: 0,
-				size: 9999,
+				size: 10,
 				total: 0
 			}
 		},
 		mounted() {
 			this.getList()
 		},
+		watch: {
+			loadFlag: {
+				handler(newValue, oldValue) {
+					console.log('loadFlag111变化了', oldValue, newValue);
+				},
+				immediate: true // 立即执行监听器
+			}
+		},
 		methods: {
-			detail(item){
-				gemhoUtil.navigatePage('./yh-list-detail.html?hdId='+item.hdId+'&type=detail')
+			detail(item) {
+				gemhoUtil.navigatePage('./yh-list-detail.html?hdId=' + item.hdId + '&type=detail')
 			},
-			edit(item){
-				gemhoUtil.navigatePage('./yh-list-detail.html?hdId='+item.hdId+'&type=edit')
+			edit(item) {
+				gemhoUtil.navigatePage('./yh-list-detail.html?hdId=' + item.hdId + '&type=edit')
 			},
-			getList(){
-				// console.log('this.loadFlag',this.loadFlag)
-				if(this.loadFlag){
-					return
-				}
-				this.loadFlag = true
-				
-				http2.post({
-					serviceId: API_KEY_MAP["yh-list"]['id'],
-					interfacePublicKey: API_KEY_MAP["yh-list"]["publicKey"],
-					interfacePrivateKey: API_KEY_MAP["yh-list"]["privateKey"],
-					reqParams: {
-						page: this.page++,// 每次请求增加下一页
-						size: this.size,
-						sort: 'hdId,desc',
-					}
-				}, (res) => {
-					if(res){
-						var result = JSON.parse(res)
-						this.list.push(...result.content);
-						this.total = result.totalElements
-						
-						if(this.page*this.size >= this.total){
-							 this.finished = true; // 下滑不在刷新数据
+			getList() {
+				console.log('this.loadFlag', this.loadFlag)
+				// if (this.loadFlag) {
+				// 	return
+				// }
+				// this.loadFlag = true
+
+				setTimeout(() => {
+					http2.post({
+						serviceId: API_KEY_MAP["yh-list"]['id'],
+						interfacePublicKey: API_KEY_MAP["yh-list"]["publicKey"],
+						interfacePrivateKey: API_KEY_MAP["yh-list"]["privateKey"],
+						reqParams: {
+							page: this.page++, // 每次请求增加下一页
+							size: this.size,
+							sort: 'hdId,desc',
+						}
+					}, (res) => {
+						if (res) {
+							var result = JSON.parse(res)
+							this.list.push(...result.content);
+							this.total = result.totalElements
+
+							if (this.page * this.size >= this.total) {
+								this.finished = true; // 下滑不在刷新数据
+							}
 						}
-					}
-					this.loadFlag = false
-				})
+						this.loadFlag = false
+						console.log('响应结束',this.total, this.list.length)
+					})
+				}, 0)
+
 			}
 		},
 	});