添加数据-页面不跳转

一.页面详情

 二.原因分析

1.(添加成员事件)点击确定之后会向后端发起 ajax 请求,请求添加角色成员,

2.(刷新页面)添加完之后会发起刷新页面的请求,发起页面刷新请求的时候会需要传入页码和页面量(传入的两个数据都是默认的,这就是不会发起跳转的直接原因)

三.解决方案

1.代码

2.代码分析

1.设置一个computed计算属性,用来实时计算页码最大值(用总条数除以页面量然后取整获得)

2.判断最后一页的页面量是否达到最大值,

3.在完成添加成员事件之后做判断,

        a.判断表格最后一页是否满了,满了的话就在页码最大值上添加一页做最后页然后代替原页码进行传值(刷新页面需要页码和页面量)

        b,如果表格最后一页没满,就把页码最大值当做最后页赋值原页码

4.通过上诉代码所运行之后,进行页面刷新请求时传递的页码会使最后一页的页码,如此即可让页面在添加完成之后进行跳转

四.代码优化

上面看懂了就直接用下面这一行代码吧!

 这行代码可以可以完成上诉所有的代码,连计算属性也不用写(从施同学处获知)

这行代码可以解决分页不跳转的bug