在实现 vue 表时获取错误“在编译模板时发出的值而不是错误的实例”

Posted 2023-02-22

【中文标题】在实现 vue 表时获取错误“在编译模板时发出的值而不是错误的实例”

【英文标题】：Getting error " emitted value instead of an instance of error while compiling template " while implement vue table

【发布时间】：2018-02-14 17:15:48

【问题描述】：

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

我的sn-p代码附在这里。

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 table 插件导入到我的组件中。 然后将此类组件注册到我的自定义组件中到 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>

【问题讨论】：

实际错误是什么？您是否尝试在存储库中打开问题？

【参考方案1】：

首先尝试导入 vue 并使用下面示例中的组件

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

【参考方案2】：

您可能需要调试每个实例组件的 html 结构。您可能缺少以下其中一项：

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