如何在 Vue 3 中使用 laravel-vue-pagination？答案

【问题标题】：How to use laravel-vue-pagination in Vue 3?如何在 Vue 3 中使用 laravel-vue-pagination？
【发布时间】：2020-12-20 10:36:47
【问题描述】：

我正在使用 Vue 3。

并且想使用laravel-vue-pagination。为此，我使用 NPM 安装了插件，并在我的 package.json 中看到了它：

"dependencies": {
    "@meforma/vue-toaster": "^1.0.3",
    "axios": "^0.21.0",
    "core-js": "^3.6.5",
    "laravel-vue-pagination": "^2.3.1",
    "stylus": "^0.54.8",
    "stylus-loader": "^3.0.2",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0-0",
    "vuex": "^4.0.0-0"
}

在main.js，我是这样导入的：

import laravelVuePagination from 'laravel-vue-pagination'

并像这样使用它：

const app = createApp(App).use(store).use(router).use(laravelVuePagination)

我在我的应用程序中这样使用它：

<laravelVuePagination :data="users" @pagination-change-page="getUsers"></laravelVuePagination>

它不起作用，我在控制台中有这个错误：

[Vue warn]: Failed to resolve component: laravelVuePagination

我是 Vue 的初学者，当然我在某个地方忘记了一些东西。感谢您的建议。

【问题讨论】：

该软件包似乎与 Vue 3 不兼容。如果是，您将其注册为插件，而不是组件。试试registering it as a component 以确保。
我就像你说的那样尝试过@Daniel：同样的问题。我认为这个组件不适用于 vue.js 3

标签： javascript vue.js vuejs3

【解决方案1】：

它可能不兼容，但你注册了组件

.component()

不是

.use()

【讨论】：