如何配置Nuxt js的laravel-vue分页

Question

1. 通过

安装

npm i laravel-vue-pagination

"laravel-vue-pagination.js"

1. 在插件文件夹下创建了一个文件

import Vue from 'vue'
import LaravelVuePagination from 'laravel-vue-pagination'

Vue.use('laravel-vue-pagination', LaravelVuePagination)

1. 在插件数组

下在nuxt.config.js中注册

'~/plugins/laravel-vue-pagination'

1. 在页面中使用，如下所示：

<LaravelVuePagination :data="users" @pagination-change-page="getResults"></LaravelVuePagination>

1. 获取错误

无法在字符串“laravel-vue-”上创建属性“nuxt_external_installed”。

Answer 1

您正在将其注册为插件，但这是一个组件，需要注册为组件：

Vue.component('laravel-vue-pagination', LaravelVuePagination)

注意:注册插件的语法也是错误的。Vue.use()的第一个参数是要注册的插件。