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

Question

我正在使用 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 的初学者，当然我在某个地方忘记了一些东西。 感谢您的建议。

Answer 1

它可能不兼容，但您将组件注册为

.component()

不是

.use()