element-ui的table组件的纵向滚动条在切换页码后回到顶部,以
及纯前端控制分页显⽰的数据
关键代码:
this.$refs.table.bodyWrapper.scrollTop =0;
⽰例:
html:
<el-table ref="table"></el-table>
<el-pagination
@current-change="changePage"
:current-page.sync="cur_page"
:page-size="pageSize"
layout="total,prev, pager, next, jumper"
:total="total">
</el-pagination>
js:
//当前页码发⽣更改时
changePage(){js控制滚动条
// Data()//请求接⼝,由后端控制当前页码所对应的数据
this.$refs.table.bodyWrapper.scrollTop =0;
this.tableData=this.tableDataAll.slice((this.cur_page-1)*this.pageSize,this.pageSize*this.cur_page) //由前端控制当前页码所对应的数据
},
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论