From 0cdaaac0edf8fabe6dbb2b3322d8209c5ab81168 Mon Sep 17 00:00:00 2001 From: puhui999 Date: Mon, 18 Nov 2024 17:19:24 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E5=AE=8C=E5=96=84?= =?UTF-8?q?=E3=80=91=E5=95=86=E5=9F=8E=EF=BC=9A=E5=AE=A2=E6=9C=8D=E6=B6=88?= =?UTF-8?q?=E6=81=AF=E6=9F=A5=E8=AF=A2=20pageSize=20=E6=94=B9=20limit?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/chat/components/messageList.vue | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/pages/chat/components/messageList.vue b/pages/chat/components/messageList.vue index 4ce77fc7..d78bc7ce 100644 --- a/pages/chat/components/messageList.vue +++ b/pages/chat/components/messageList.vue @@ -50,16 +50,15 @@ 'alignItems': 'center', }); // 返回顶部样式 const queryParams = reactive({ - pageNo: 1, // 只用于触底计算 - pageSize: 20, + no: 1, // 查询次数,只用于触底计算 + limit: 20, createTime: undefined, }); const pagingRef = ref(null); // 虚拟列表 - const queryList = async (pageNo, pageSize) => { + const queryList = async (no, limit) => { // 组件加载时会自动触发此方法,因此默认页面加载时会自动触发,无需手动调用 - // 这里的pageNo和pageSize会自动计算好,直接传给服务器即可 - queryParams.pageNo = pageNo; - queryParams.pageSize = pageSize; + queryParams.no = no; + queryParams.limit = limit; await getMessageList(); }; // 获得消息分页列表 @@ -69,7 +68,7 @@ pagingRef.value.completeByNoMore([], true); return; } - if (queryParams.pageNo > 1 && refreshMessage.value) { + if (queryParams.no > 1 && refreshMessage.value) { const newMessageList = []; for (const message of data) { if (messageList.value.some((val) => val.id === message.id)) { @@ -101,7 +100,7 @@ } // 若已是第一页则不做处理 - if (queryParams.pageNo > 1) { + if (queryParams.no > 1) { showNewMessageTip.value = true; } else { onScrollToUpper(); @@ -115,7 +114,7 @@ /** 监听滚动到底部事件(因为 scroll 翻转了顶就是底) */ const onScrollToUpper = () => { // 若已是第一页则不做处理 - if (queryParams.pageNo === 1) { + if (queryParams.no === 1) { return; } showNewMessageTip.value = false;