ElementUI分页Pag的currentPage自动到第一页

原创已于 2022-04-12 08:27:19 修改 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

于 2022-04-12 08:22:57 首次发布

这篇博客介绍了在数据量过大时如何利用分页请求来加载数据，并且详细说明了如何设置分页组件，确保当操作导致页数变化时能自动返回到第一页。示例代码中展示了使用 Vue.js 的 Element UI 库实现这一功能的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当数据量过多时，使用分页请求数据, 设置分页的页数自动回到第一页。

<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>