标签:pageIndex pageSize val getActicleList 后要 当前页 UI sessionStorage
element UI 修改后停留在当前页
<div class="pagination-panel">
<el-pagination :page-sizes="[10, 20, 30, 100]"
:page-size="pageSize"
:current-page="pageIndex"
layout="total, sizes, prev, pager, next, jumper"
:total="acticletotalItem"
@size-change="handleSizeChange"
@current-change="handleCurrentChange">
</el-pagination>
</div>
handleSizeChange(val) {
this.pageSize = val;
sessionStorage.setItem("messageSize",val);
this.getActicleList();
},
handleCurrentChange(val) {
this.pageIndex = val;
console.log(this.pageIndex);
//将当前页码数保存到sessionStorage中
sessionStorage.setItem("messagePage", val);
this.getActicleList();
},
method中的created()
created() {
//取出当前页值
this.allMessPag = sessionStorage.getItem("messagePage");
if (this.allMessPag != undefined) {
this.pageIndex = Number(this.allMessPag);
console.log(this.pageIndex);
}
//取出每页显示记录数
this.allMessSize = sessionStorage.getItem("messageSize");
if (this.allMessSize != undefined) {
this.pageSize = Number(this.allMessSize);
console.log(this.pageSize);
}
this.getActicleList();
this.getproductclassifyList();
//移除当前页
//sessionStorage.removeItem("messagePage");
}
方法二:直接修改
直接向后端传递当前页
// 初始化
init() {
this.page_index = this.page_index;
this.getData();
}
标签:pageIndex,pageSize,val,getActicleList,后要,当前页,UI,sessionStorage 来源: https://blog.csdn.net/weixin_47572542/article/details/113844396
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。