|
@@ -50,16 +50,15 @@
|
|
'alignItems': 'center',
|
|
'alignItems': 'center',
|
|
}); // 返回顶部样式
|
|
}); // 返回顶部样式
|
|
const queryParams = reactive({
|
|
const queryParams = reactive({
|
|
- pageNo: 1, // 只用于触底计算
|
|
|
|
- pageSize: 20,
|
|
|
|
|
|
+ no: 1, // 查询次数,只用于触底计算
|
|
|
|
+ limit: 20,
|
|
createTime: undefined,
|
|
createTime: undefined,
|
|
});
|
|
});
|
|
const pagingRef = ref(null); // 虚拟列表
|
|
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();
|
|
await getMessageList();
|
|
};
|
|
};
|
|
// 获得消息分页列表
|
|
// 获得消息分页列表
|
|
@@ -69,7 +68,7 @@
|
|
pagingRef.value.completeByNoMore([], true);
|
|
pagingRef.value.completeByNoMore([], true);
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
- if (queryParams.pageNo > 1 && refreshMessage.value) {
|
|
|
|
|
|
+ if (queryParams.no > 1 && refreshMessage.value) {
|
|
const newMessageList = [];
|
|
const newMessageList = [];
|
|
for (const message of data) {
|
|
for (const message of data) {
|
|
if (messageList.value.some((val) => val.id === message.id)) {
|
|
if (messageList.value.some((val) => val.id === message.id)) {
|
|
@@ -101,7 +100,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
// 若已是第一页则不做处理
|
|
// 若已是第一页则不做处理
|
|
- if (queryParams.pageNo > 1) {
|
|
|
|
|
|
+ if (queryParams.no > 1) {
|
|
showNewMessageTip.value = true;
|
|
showNewMessageTip.value = true;
|
|
} else {
|
|
} else {
|
|
onScrollToUpper();
|
|
onScrollToUpper();
|
|
@@ -115,7 +114,7 @@
|
|
/** 监听滚动到底部事件(因为 scroll 翻转了顶就是底) */
|
|
/** 监听滚动到底部事件(因为 scroll 翻转了顶就是底) */
|
|
const onScrollToUpper = () => {
|
|
const onScrollToUpper = () => {
|
|
// 若已是第一页则不做处理
|
|
// 若已是第一页则不做处理
|
|
- if (queryParams.pageNo === 1) {
|
|
|
|
|
|
+ if (queryParams.no === 1) {
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
showNewMessageTip.value = false;
|
|
showNewMessageTip.value = false;
|