当数据量过多时,使用分页分解数据,想让分页的页数自动回到第一页怎么设置。
<div class="pagination">
<el-pagination
background
layout="prev, pager, next"
:current-page.sync="currentPage"
@current-change="current_change"
:page-size="7"
:total="total">
</el-pagination>
</div>
<script type="text/ecmascript-6">
export default {
data(){
return{
currentPage: 1
}
},
methods:{
backNumOne(){
this.currentPage = 1;
}
}
}
</script>
在使用elementUI组件的时候,遇到有选项卡在第一个选项卡点了分页之后,换另一个选项卡,页数应当自动返回第一页,但是并没有自动返回,所以需要手动设置一下。el-pagination内增加 :current-page.sync 属性,该属性指的就是 当前页数。