Invalid problem of vue iview table binding data source

<div id="app">
              <i-table :columns="columns1" :data="historyData" height="700"></i-table>
              <Page :total="dataCount" :page-size="pageSize" @on-change="changepage" show-sizer></Page>
</div>
<script>
var vue =  new Vue({
    el: "-sharpapp",
    data (){
        return {
        //Columns1titlekeyK-V
            columns1: [
                {
                    title: "",
                    key: "username"
                },
                {
                    title: "",
                    key: "email"
                },
                {
                    title: "",
                    key: "createTime"
                },
                {
                    title: "",
                    key: "updateTime"
                }
            ],
            //key
            historyData: [],
            // 
            dataCount:0,
            // 
            pageSize:10
        }
    },
    methods: {
        querytable(){
          axios.get("/springboot/user/getUsers")//postget
              .then(function (response) {
                  // 
                  this.dataCount = response.data.list.length;
                  // 
                  if(response.data.list.length < this.pageSize){
                      this.historyData = response.data.list;
                  }else{
                      this.historyData = response.data.list.slice(0,this.pageSize);
                  }
              })
              .catch(function (error) {
                alert(error);
              });
      },
        changepage(index){
            var _start = ( index - 1 ) * this.pageSize;
            var _end = index * this.pageSize;
            this.historyData = response.data.slice(_start,_end);
        }
    },
      //
         created () {
          this.querytable();
        }
    });
</script>

has rendered the data source. Why is there no data all the time?

Mar.13,2021

solved the problem of scope in html. It has been copied when asynchronous execution is not requested, and it can be replaced with jquery ajax,async:false

.
Menu