页面跳转后,再返回本页面依然是之前跳转时的pageNum。

   ---当分页超过2页时,在大于等于第二页中进行跳转,跳转到其他页面后返回,依然是跳转时的页面。

       这里面涉及到的参数传递自然是用router中的query进行参数传递,跳转时,将本页的pageNum传到下一个页面,下一个页面返回时,也要带上pageNum参数,这样返回到原先页面后,就可以用this.$route.query得到参数的集合。

       得到所需要的参数pageNum后,再利用分页器的current-page属性,进行赋值即可。

(注意:current-page所需要的值必须是数值型数据,所以必须用Number转换!)

!重要!

       应该在生命周期created中进行赋值,然后在mounted中进行数据的重新获取。

/* 在mounted生命周期中进行赋值,会形成current-page与当前页面中的数据不符合的bug。比如:页面中会显示当前页为1,实际当前页为你传递的参数那一页,而数据也是传递的参数那一页,就会形成bug。 */

created(){
    this.currentPage=Number(this.$route.query.num);  //num 为传递的参数,可以写成其他变量

                            //this.currentPage,为代码中分页器的current-page属性绑定的变量。

},
mounted(){
    this.getList(this.currentPage);       //this.currentPage作为参数传递给methods中定义的方法
}

 

Logo

前往低代码交流专区

更多推荐