2

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 不然跳转第一页无法生效

此方法 也可以 做回显页面时设置 存储的页面数。


l1035118279
72 声望2 粉丝