0

我正在努力在我的数据库中获取所有集线器

并将其分页。

我使用 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

4

0 回答 0