el-pagination分页参数变化但视图不更新

问题

从详情页返回列表页时，尽管请求参数已更新以反映新的页码和条目状态，但分页组件仍显示默认值，导致视图与实际数据不同步。

若分页参数未变化的参考使用.sync

解决方案

为了使分页组件正确反映最新的数据状态，可以通过强制刷新组件来实现。

1. 使用 key 属性

   • 在分页组件上添加一个动态的 key 属性。
   • 参数变化时，key 的改变会触发组件重新渲染，确保它加载最新状态。

2. 使用 v-if 控制渲染

   • 通过设置一个布尔变量控制分页组件的渲染 (v-if="isMounted").
   • 当需要刷新时，先将 isMounted 设为 false，再立即设回 true，实现组件的重新挂载。