在实现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并使用下面的示例组件

unix2dos

Answer 2

您可能需要调试每个实例组件的html结构。您可能会错过其中之一：

• 其中一个元素中的结束标记箭头>或结束标记斜杠/。
• 缺少单个根元素。