我正在尝试通过使用节点模块在我的应用程序中使用Vue表插件来实现Vue表。在使用所有Vue表组件时出现错误。在这里,我使用npm安装了所有Vue表插件,并将它们导入到我的自定义组件中。

我的代码片段随附于此。

import Vuetable from 'vuetable/src/components/Vuetable.vue';
import VuetablePagination from 'vuetable/src/components/VuetablePagination.vue';
import VuetablePaginationDropdown  from 'vuetable/src/components/VuetablePaginationDropdown.vue';

首先,我将vue表插件导入到我的组件中。
然后将该组件注册到我的自定义组件中,进入vue实例。
 data () {
   return{
     columns: [
          'name',
          'nickname',
          'email',
          'birthdate',
          'gender',
          '__actions'
        ]
      }
    },
    components : {
        Vuetable,
        VuetablePagination,
        VuetablePaginationDropdown
    }

在模板部分,我编写此代码块。
<vuetable
     api-url="http://vuetable.ratiw.net/api/users"
     table-wrapper="#content"
     pagination-component="vuetable-pagination"
     :fields="columns">
</vuetable>

最佳答案

首先尝试导入vue并使用以下示例之类的组件

import vue from 'vue';
vue.use(Vuetable);
vue.use(VuetablePagination);
vue.use(VuetablePaginationDropdown);

10-06 15:25