fix: 分页跳转失效问题修复

This commit is contained in:
Ray.Hao
2025-05-06 14:11:31 +08:00
parent a4b4d5cf8d
commit c6c1f3c0e3
6 changed files with 71 additions and 40 deletions

View File

@@ -18,8 +18,8 @@
<div class="search-form-btn-box">
<div class="search-form-btn-box-item">
<el-form-item>
<el-button type="primary" icon="search" @click="handleQuery()">搜索</el-button>
<el-button icon="refresh" @click="handleResetQuery()">重置</el-button>
<el-button type="primary" icon="search" @click="handleQuery">搜索</el-button>
<el-button icon="refresh" @click="handleResetQuery">重置</el-button>
</el-form-item>
</div>
</div>
@@ -83,7 +83,7 @@
v-model:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="handleQuery"
@pagination="fetchData"
/>
</el-card>
@@ -173,8 +173,8 @@ const computedRules = computed(() => {
return rules;
});
// 查询
function handleQuery() {
// 获取数据
function fetchData() {
loading.value = true;
DictAPI.getDictItemPage(dictCode.value, queryParams)
.then((data) => {
@@ -186,11 +186,17 @@ function handleQuery() {
});
}
// 查询(重置页码后获取数据)
function handleQuery() {
queryParams.pageNum = 1;
fetchData();
}
// 重置查询
function handleResetQuery() {
queryFormRef.value.resetFields();
queryParams.pageNum = 1;
handleQuery();
fetchData();
}
// 行选择

View File

@@ -14,8 +14,8 @@
</el-form-item>
<el-form-item class="search-buttons">
<el-button type="primary" icon="search" @click="handleQuery()">搜索</el-button>
<el-button icon="refresh" @click="handleResetQuery()">重置</el-button>
<el-button type="primary" icon="search" @click="handleQuery">搜索</el-button>
<el-button icon="refresh" @click="handleResetQuery">重置</el-button>
</el-form-item>
</el-form>
</div>
@@ -89,7 +89,7 @@
v-model:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="handleQuery"
@pagination="fetchData"
/>
</el-card>
@@ -172,10 +172,9 @@ const computedRules = computed(() => {
return rules;
});
// 查询
function handleQuery() {
// 获取数据
function fetchData() {
loading.value = true;
queryParams.pageNum = 1;
DictAPI.getPage(queryParams)
.then((data) => {
tableData.value = data.list;
@@ -186,11 +185,17 @@ function handleQuery() {
});
}
// 查询(重置页码后获取数据)
function handleQuery() {
queryParams.pageNum = 1;
fetchData();
}
// 重置查询
function handleResetQuery() {
queryFormRef.value.resetFields();
queryParams.pageNum = 1;
handleQuery();
fetchData();
}
// 行选择