怎么解决添加角色使页面跳转到最后一页

目表:，当添加角色完成之后,让页面跳转到最后一页让新增的数据得以显示.

方案一:和后端进行商议,把新增的角色从前方添加,添加完成后请求第一页的数据

方案二:自己请求最后一页的数据,这里面有一个小阻碍,当添加的这个数据使最大页数发生改变时会出现问题,

解决方案:先让自身total 自加1,来模拟后台总数,然后除以当天每页显示的条数,向上取整来得到向服务器请求需要发送的页数,代码如下

 // 添加角色是使页面跳转到最后一页
              this.pagination.page = Math.ceil(++this.total / this.pagination.pagesize)
              console.log(this.pagination.page)

要注意当前分页的数据是否填写完整

            <el-pagination
              background
              layout="total, sizes,prev,pager,next"
              :total="total"//当前的数据总数
              :page-sizes="[1, 2, 3, 5]"//自定义显示条数,可按需固定不变
              :page-size="pagination.pagesize"//当前绑定的每页多少条
              :current-page="pagination.page"//当前绑定页数
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
            />

效果图

在第一页添加

添加完整后自动跳转最后一页