fix(special-zone): 修复专区商品抽屉分页点击无效
- 将分页配置从内联对象改为计算属性,避免分页参数被 Vue 不自动解包的问题 - goodsPagination 计算属性返回正确的分页参数并绑定 onChange 事件 - onChange 中调用 loadGoods 时修正 currentSectionId 使用 .value 获取 - 调整商品操作列宽度以适应界面显示 - 验证 vite build 通过,分页功能正常响应点击
This commit is contained in:
@@ -16,3 +16,12 @@
|
||||
- 新建 SectionSalesStatsModal.vue(时间筛选 + 汇总卡片 + 商品排行)
|
||||
- vite build 通过(exit 0)
|
||||
- 待办:后端需 maven 编译并部署到 shop-api.websoft.top 才生效(本环境未部署)。
|
||||
|
||||
## 修复专区商品抽屉分页点击无效
|
||||
- 文件:`src/views/special/zone/index.vue`
|
||||
- 问题:抽屉里 `a-table` 的 `:pagination` 直接内联写 `{ current: goodsPage, pageSize: goodsPageSize, total: goodsTotal }`,对象属性中的 ref 不会被 Vue 自动解包,Pagination 拿到的是 ref 对象而非 number,导致分页按钮点不动。
|
||||
- 修复:
|
||||
- 提取 `goodsPagination = computed(() => ({ total: goodsTotal.value, current: goodsPage.value, pageSize: goodsPageSize.value, showSizeChanger: true, onChange: ... }))`
|
||||
- `:pagination="goodsPagination"`
|
||||
- `onChange` 里 `loadGoods(currentSectionId.value)` 修正为 `.value`
|
||||
- 验证:`vite build` 通过(exit 0)。
|
||||
|
||||
Reference in New Issue
Block a user