vue 在使用ant design 分页器时重置页码，分页器显示不同步

Question

vue 在使用ant design 分页器时重置页码，分页器显示不同步

<!-- 分页器 -->
          <div style="height:40px;margin:10px auto;text-align:center;">
            <a-pagination
              :v-model="current"
              show-size-changer
              show-quick-jumper
              :default-current="1"
              :total="total"
              :defaultPageSize = "pageSize"
              @change="changeCurrent"
              @showSizeChange="onShowSizeChange"
              :page-size-options="pageSizeOptions"
            /> 
            <br />
          </div>

在查询时想通过this.current = 1 ，将分页器当前页置为1，但是分页器并没有将当前页置为1

Answer 1

已解决，添加了:key="current"

<a-pagination
              :v-model="current"
              show-size-changer
              show-quick-jumper
              :default-current="1"
              :total="total"
              :defaultPageSize = "pageSize"
              @change="changeCurrent"
              @showSizeChange="onShowSizeChange"
              :page-size-options="pageSizeOptions"
              :key="current"
            /> 
```html

```
参考了：https://blog.csdn.net/jiangjunyuan168/article/details/121610780