<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?