elementUI 的el-pagination 分頁功能

<div class="block1">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"  //頁面變化時的函數
              :current-page.sync="currentPage1"     // 設置默認頁，在data中為1
              :page-size="7"            // element 是根據page-size 和 total 來顯示你有多少頁碼。如果不在此設置page-size,只在data中設置 pageSize不行的
              layout="total,prev, pager, next"
              :total="total">
            </el-pagination>
</div>

如果不設置pageSize ,它只顯示了8.我在data中設置了每頁7條，總共才56 ，遠達不到默認的總條數74。 所以    ：pageSize    是必要的。 后面的分頁則只需要傳入pageNum了。

handleCurrentChange(val) {
        console.log(`當前頁: ${val}`);
        const _this = this;
        _this.getUrl(val)   // 調取列表的函數，初始化時調一次。 
},