vue element 分頁

頁面

表格 
 <el-table
   :data="data.slice((currentPage-1)*pagesize, currentPage*pagesize)"
   stripe
    border
    style="width: 100%">

分頁代碼

<el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="currentPage"
        :page-size="5"
        layout="sizes, prev, pager, next"
        :page-sizes="[2, 5, 10, 20]"
        :total="data.length">
</el-pagination>

方法

  methods: {
    handleSizeChange: function (size) {
      this.pagesize = size
    },
    handleCurrentChange: function (currentPage) {
      this.currentPage = currentPage
    }
  },
  data () {
    return {
      currentPage: 1,
      pagesize: 5,