vue+elementui项目后端分页，分页页码参数从0开始如何处理 - 个人笔记

最新推荐文章于 2023-07-26 16:58:10 发布

公孙元二

最新推荐文章于 2023-07-26 16:58:10 发布

阅读量1.3k

点赞数

分类专栏： Vue2.x 个人笔记/备忘录文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/Amnesiac666/article/details/120197727

版权

166 篇文章 8 订阅

订阅专栏

104 篇文章 4 订阅

订阅专栏

初始时size设置为1，因为el-pagination是从1开始，如果从0开始，el-pagination会显示不正常

  data() {
    return {
      searchForm: {
        page: 1,
        size: 10
      },

el-table的序号显示，因为page从1开始所以减去1

 <el-table-column type="index" label="序号" align="center" :index="(index) => { return (index+1) + (searchForm.page-1)*searchForm.size }" />

因为前端page初始化时是1，而后端接口参数需要从0开始，所以传参的时候要减1

    // 获取页面表格
    getTableData: function() {
      const params = Object.assign({}, this.searchForm)
      params.page = params.page - 1

关注