獲取錯誤「發出的值，而不是編譯模板時的錯誤實例」，而實現vue表

Question

我想通過在我的應用程序中使用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> 

Answer 1

第一次嘗試導入VUE和使用的組件如下面

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