我正在努力在我的数据库中获取所有集线器
并将其分页。
我使用 vue 和 typescript 作为前端
在我安装 laravel-vue-pagination 包之后
我在 main.ts 中注册了组件
main.ts
Vue.component("pagination", require("laravel-vue-pagination"));
Vue.use(store).use(router).mount("#app");
注册组件后
我从传递给分页的 onmounted 函数中的 api 获取数据
<template>
<div class="all-hubs">
<tr v-for="(hub, index) in hubs" :key="index">
<td>{{index + 1}}</td>
<td>{{hub.name}}</td>
</tr>
<pagination :data="hubs" @pagination-change-page="getResults"></pagination>
</div>
<template>
export default {
name: "AllHubs",
setup(){
const hubs = ref([] as any);
onMounted(() => {
Admin.getAllHubs().then(response => {
hubs.value = response.data.data
})
.catch((error => {
NotificationService.error("Network Error")
})).finally(() => {showLoader(false); });
})
const getResults =() => {
}
return { getResults}
}
}
我收到此错误 Uncaught (in promise) TypeError: _vm._self is undefined