下拉刷新更新

pages/me/message.vue

@@ -13,13 +13,13 @@
 				<view class="text-gray">{{item.content}}</view>
 			</view>
 		</view>
-		
+		<emprty-card v-if="!data.msgList.length" />
 	</view>
 </template>
 
 <script setup>
 	import { reactive } from 'vue';
-	import { onLoad } from '@dcloudio/uni-app'
+	import { onLoad,onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
 	import { selectMessageByUserId } from '@/api/me/message.js';
 	
 	let data = reactive({
@@ -42,26 +42,25 @@
 			state: 5
 		}
 		let res = await selectMessageByUserId(params)
-		console.log(res)
 		uni.hideLoading()
 		uni.stopPullDownRefresh();
-		if (data.page === 1) {
+		if (data.page == 1) {
 			data.msgList = res.list
 			uni.stopPullDownRefresh();
 			return
 		}
 		data.msgList = [...data.msgList, ...res.list]
-		
 	}
-	// function onReachBottom () {
-	// 	data.page = data.page + 1;
-	// 	getMsg()
-	// }
-	// function onPullDownRefresh () {
-	// 	data.page = 1;
-	// 	// this.msgList = []
-	// 	getMsg()
-	// }
+	onReachBottom(() => {
+		data.page = data.page + 1;
+		getMsg()
+	})
+	onPullDownRefresh(() => {
+		data.page = 1;
+		data.msgList = []
+		getMsg()
+	})
+	
 </script>
 
 <style lang="scss" scoped>