tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(pagination): 🐛 修复watch监听props.total导致的TypeScript类型错误

Browse Source 
closed #IBJY7R
This commit is contained in:
Ray.Hao
2025-02-02 23:12:00 +08:00
parent 2d31f354cb
commit 49317acee7
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Pagination/index.vue
View File

@@ -53,6 +53,7 @@ const currentPage = defineModel("page", {
required: true, required: true,
default: 1, default: 1,
}); });
const pageSize = defineModel("limit", { const pageSize = defineModel("limit", {
type: Number, type: Number,
required: true, required: true,
@@ -60,18 +61,18 @@ const pageSize = defineModel("limit", {
}); });
watch( watch(
props.total, () => props.total,
(newVal: number) => { (newVal: number) => {
const lastPage = Math.ceil(newVal / pageSize.value) const lastPage = Math.ceil(newVal / pageSize.value);
if (newVal > 0 && currentPage.value > lastPage) { if (newVal > 0 && currentPage.value > lastPage) {
currentPage.value = lastPage currentPage.value = lastPage;
emit("pagination", { page: currentPage.value, limit: pageSize.value }); emit("pagination", { page: currentPage.value, limit: pageSize.value });
} }
} }
); );
function handleSizeChange(val: number) { function handleSizeChange(val: number) {
currentPage.value = 1 currentPage.value = 1;
emit("pagination", { page: currentPage.value, limit: val }); emit("pagination", { page: currentPage.value, limit: val });
} }