Element-UIのページング効果

elementのvueページング
最初のステップでは、次のコードをページに に書き込みます.

<el-pagination
        style="float:right"
        @size-change="emitPageSize"
        @current-change="emitCurrentPage"
        :current-page.sync="paginationObj.currentPage"
        :page-size="paginationObj.numPerPage"
        layout="total, prev, pager, next"
        :total="paginationObj.paginationTotal">
      </el-pagination>

.ステップ2 JSの設定:なぜ書くのか聞かないでください

```javascript

```javascript
 emitPageSize: function(val) {
     
      var vm = this;
      vm.paginationObj.currentPage = 1;
      vm.paginationObj.numPerPage = val;
      vm.getList();//      
    },
    //       
    emitCurrentPage: function(val) {
     
      var vm = this;
      vm.paginationObj.currentPage = val;
      vm.getList();//      
    },

第3ステップdata部分の内容を補充する

paginationObj: {
     
        paginationTotalPages: 0, //         -     
        paginationTotal: 0, //         -     
        currentPage: 1, //         -      
        numPerPage: 10 //         -      
      },

第4部では、取得したデータのパラメータを代入変換する

var vm=this;
 vm.paginationObj.paginationTotalPages = result.obj.totalPages;
  vm.paginationObj.paginationTotal = result.obj.totalCount;