page分頁問題，根據頁碼獲取對應頁面的數據，介面調用

 添加一個log.js文件，進行介面調用。

import axios from '@/libs/api.request'

const MODULE_URL = '/log';

export const actionLogData = (params, cb) => {
  axios.request({
    url: `${MODULE_URL}/actionLog`,//介面位置
    method: 'get',
    params
  }).then(cb);
};

<Page class="table-page clearfix" :total="paging.total" 
　　　　　　　　　　　　　　　　　　　　:pageSize="paging.pageSize" 
　　　　　　　　　　　　　　　　　　　　:current="paging.pageNo" 
　　　　　　　　　　　　　　　　　　　　show-total show-elevator 
　　　　　　　　　　　　　　　　　　　　@on-change="pageChange"/>

import { actionLogData } from '@/api/log'; //{}中是導入介面的名稱，from後顯示的是開始時所寫log.js文件的位置

  export default {
    data() {
      return {
　　　　　getdata : [],//聲明全局變數
        　// 列表頁碼（其中包括當前頁碼：pageNum；頁面中顯示的數據條數：pageSize,以及資料庫中存在當前數據的總條數：total）
         paging: {
           pageNum: 1,
           pageSize: 13,
           total: 0,       
},

   methods: {
      initList() {
        const params = {
          pageSize: this.paging.pageSize,
          pageNo: this.paging.pageNum,
        };

        actionLogData(params,res=>{
          if (!res.status) {
            console.log('請求遇到錯誤!');
            return;
          }
          const { data } = res;
          this.getdata = data.list; //獲取數據
          this.paging.total = data.total; //獲取全部數據的數量
        }, err => {
          this.$Message.error('請求遇到錯誤!請稍後再試');
        });
      },

      /*頁碼切換*/
      pageChange(page) {
        this.paging.pageNum = page;//根據點擊時間獲取當前頁面值page，進行數據回傳。
        this.initList();
      }
    },

    mounted() {
      this.initList();
      this.pageChange(page);
    }

5、最後將獲取到的數據進行展示，獲取到的數據為第3步中的getData，此處可根據自己所需進行數據類型的獲取，查看類型以及所屬屬性可以根據後臺介面中查取的數據進行判斷。