ElementUI搜索后Pagination自动到第一页
当数据量过多时,使用分页请求数据。
设置分页的页数自动回到第一页。
例:
<div class="pagination">
<el-pagination
background
layout="prev, pager, next"
:current-page.sync="currentPage"
@current-change="current_change"
:page-size="10"
: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 属性,该属性指的就是 当前页数。
注意:必须添加 .sync 不然跳转第一页无法生效
此方法 也可以 做回显页面时设置 存储的页面数。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。