每一次点击分页时,将分页信息存储到sessionStorage中,在created钩子函数中为current-page对象赋值,这时候,数据正常,但是页码高亮是第一页;怎么办,只要在分页中加入一条v-if判断即可 v-if="总条数 != 你自己定义得数",这样数据正常,页码高亮也是正常的了
<el-pagination v-if="total != 1" @size-change="limin_size" @current-change="page_size" :current-page.sync="page" :page-sizes="[10, 20, 30]" :page-size="10" layout="total, prev, pager, next" :total="total"></el-pagination>
page: 1, // 当前页数
limin: 10, // 条数
total: 1, // 分页总条数
page_size(page) {
this.page = page
sessionStorage.setItem('page',this.page)
调用自己定义的查询接口的方法
},
created(){
if(sessionStorage.page){
this.page = sessionStorage.page
}
调用自己定义的查询接口的方法
}