vue element路由跳转保留分页状态问题处理

情景描述：

　　1.点击跳转到另一个路由，使用路由go(-1)回到上一个路由

　　2.使用路由元数据meta存储分页信息，在点击跳转按钮是保存

　　3.go(-1)回到上一个路由时取出路由中的分页信息重新渲染页面

问题描述：

　　从代码中强制将currentPage强制设置为保留数据，可以请求到保留页数据，但是分页的组件为初始默认值(一般为第一页)

　　

问题原因：

　　使用this.pagination.currentPage = val，强制改变分页页数以及样式，没法完全重置分页组件

解决方案：

　　重新渲染分页组件，使用v-if。

<el-pagination
        v-if="paginationShow"
        @size-change="handleSizeChange"
        :current-page.sync="pageNo"
        @current-change="handleCurrentChange"
        layout="total, sizes, prev, pager, next, jumper"
        :total="unitNum"
        :page-sizes="[10, 20, 30, 40]"
        :page-size="10"
      ></el-pagination>

 

转载于:https://www.cnblogs.com/zigood/p/10750804.html