perf :包含分页数据页面代码优化

This commit is contained in:
kele
2023-02-07 15:45:02 +08:00
parent 447ece1a49
commit 29131a3af7
10 changed files with 67 additions and 82 deletions
+8 -10
View File
@@ -30,6 +30,13 @@
import { computed, reactive } from 'vue';
import _ from 'lodash';
import commentItem from '../components/detail/comment-item.vue';
const pagination = {
data: [],
current_page: 1,
total: 1,
last_page: 1,
};
const state = reactive({
list: [],
type: [],
@@ -45,12 +52,7 @@
});
// 切换选项卡
function onTabsChange(e) {
state.pagination = {
data: [],
current_page: 1,
total: 1,
last_page: 1,
};
state.pagination = pagination
state.currentTab = e.index;
state.code = e.code;
getList(state.commentId, e.code);
@@ -69,15 +71,11 @@
page,
});
if (res.error === 0) {
if (page >= 2) {
let orderList = _.concat(state.pagination.data, res.data.data);
state.pagination = {
...res.data,
data: orderList,
};
} else {
state.pagination = res.data;
}
if (state.pagination.current_page < state.pagination.last_page) {
state.loadStatus = 'more';
} else {
+7 -10
View File
@@ -124,6 +124,12 @@
const sys_navBar = sheep.$platform.navbar;
const emits = defineEmits(['close', 'change']);
const pagination = {
data: [],
current_page: 1,
total: 1,
last_page: 1,
};
const state = reactive({
pagination: {
data: [],
@@ -198,12 +204,7 @@
}
function emptyList() {
state.pagination = {
data: [],
current_page: 1,
total: 1,
last_page: 1,
};
state.pagination = pagination
state.leftGoodsList = [];
state.rightGoodsList = [];
count = 0;
@@ -256,15 +257,11 @@
page,
});
if (res.error === 0) {
if (page >= 2) {
let couponList = _.concat(state.pagination.data, res.data.data);
state.pagination = {
...res.data,
data: couponList,
};
} else {
state.pagination = res.data;
}
mountMasonry();
if (state.pagination.current_page < state.pagination.last_page) {
state.loadStatus = 'more';