Javascript 正在尝试在vuejs中进行数据表分页的服务器端集成。但是它'；它工作不正常

需要获取我可以获取全部项目和页面，但分页链接未启用。我只是尝试使用主题中给出的默认模板进行分页。我想我已经正确地遵循了步骤，它显示了totalItems超过20和页码，但是上一页或下一页链接没有被启用。它只是保持高亮显示为禁用

从“api”导入api；
导出默认值{
数据（）{
返回{
加载器：是的，
搜索：“，
选定：[]，
标题：[
// {
//正文：“甜点（100克食用）”，
//对齐：“左”，
//可排序：false，
//值：“名称”
// },
{文本：“离开ID”，值：“离开ID”}，
{文本：“离开姓名”，值：“离开姓名”}，
{文本：“离开状态”，值：“离开状态”}
],
项目：[]，
分页：{
},
对话：错，
对话框标题：“”，
有效载荷：{
请留下您的姓名：“”，
离开_状态：“”，
状态：[{
“文本”：“活动”，“值”：1}，
{“文本”：“非活动”，“值”：0
}]
}
};
},
安装的（）{
this.getLeaveDataAPI（）
。然后（数据=>{
日志（“数据装载”，数据）；
this.items=data.items
this.totalItems=data.total
})
},
观察：{
分页：{
handler（）{
log（'pagination'，this.pagination）；
this.getLeaveDataAPI（）
。然后（数据=>{
日志（“数据监视”，数据）；
this.items=data.items
this.totalItems=data.total
})
},
深：是的
}
},
方法：{
异步getLeaveData（）{
var take=this.pagination.rowsPerPage；
如果（this.pagination.page>1）{
var skip=（this.pagination.page-1）*take；
}否则{
var-skip=0；
}
应用程序编程接口
.get（'leave？skip='+skip+'&take='+take）
。然后（响应=>{
this.loader=false；
如果（答复）{
this.items=response.data.data；
this.pagination.totalItems=response.data.total；
console.log（“items”，this.items）；
}
返回响应.data
})
.catch（错误=>{
console.log（错误）；
});
},
保存（）{
console.log（this.payload）；
},
openDialog（）{
this.dialogTitle=“创建新假期”；
this.dialog=true；
this.payload.leave_name=“测试”
此.payload.leave_status=1；
//状态：[{
//“文本”：“活动”，“值”：1}，
//{“文本”：“非活动”，“值”：0
// }]
},
getLeaveData1（）{
返回[{
id:1，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:2，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:3，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:4，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:5，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:6，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:7，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:8，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:9，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:10，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:11，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:12，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
id:13，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
身份证号码：14，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
身份证号码：15，
留下你的名字：“冷冻酸奶”，
休假状态：1
},
{
身份证号码：16，
留下你的名字：“冷冻酸奶”，
休假状态：1
}
]
},
getLeaveDataAPI（）{
这是真的
返回新承诺（（解决、拒绝）=>{
常数{
糟糕的是，
下降，
页
划船
}=this.pagination
let items=this.getLeaveData（）
控制台日志（“项目”，项目）；
如果（项目！=未定义）{
var total=项目总数
}
如果（项目！=未定义）{
if（this.pagination.sortBy）{
项目=项目。排序（（a，b）=>{
常数sortA=a[sortBy]
常数sortB=b[sortBy]
如果（降序）{