关于Vue框架Element UI中分页器,当前页的问题
页面跳转后,再返回本页面依然是之前跳转时的pageNum。---当分页超过2页时,在大于等于第二页中进行跳转,跳转到其他页面后返回,依然是跳转时的页面。这里面涉及到的参数传递自然是用router中的query进行参数传递,跳转时,将本页的pageNum传到下一个页面,下一个页面返回时,也要带上pageNum参数,这样返回到原先页面后,就可以用this.$route.query得到参数的集合。得到所
·
页面跳转后,再返回本页面依然是之前跳转时的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中定义的方法
}
更多推荐
已为社区贡献2条内容
所有评论(0)