VUe 实现分页ajax请求

<template>
    <div>
        <a-pagination :pageSize='pageSize' v-model="pageIndex" @change="pageChange" :total="total" show-less-items />
    </div>
    
</template>


<script>

export default {
     data() {
        return {
            total:100,
            pageIndex:1,
            pageSize:10
           
            
        };
    },
    mounted(){
      
    },
    methods:{
          pageChange(){
            this.$axios({
                method:'post',
                url:'http://127.0.0.1',
                data:({    //这里是发送给后台的数据
                    "page":this.pageIndex,"pagesize":this.pageSize
                })
            }).then((response) =>{          //这里使用了ES6的语法
                console.log(response)       //请求成功返回的数据
            }).catch((error) =>{
                console.log(error)       //请求失败返回的数据
            })
        }
    }
  
  
};
</script>

main.js

import axios from 'axios';
Vue.prototype.$axios = axios;