Javascript 获取错误“;编译模板时发出的值而不是错误实例;同时实现vue表
我正在尝试通过使用节点模块在应用程序中使用Vue表插件来实现Vue表。在这里,我在使用所有Vue表组件时遇到一个错误。在这里,我使用npm安装所有Vue表插件,并将它们导入到我的自定义组件中 我的代码片段随附在这里Javascript 获取错误“;编译模板时发出的值而不是错误实例;同时实现vue表,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我正在尝试通过使用节点模块在应用程序中使用Vue表插件来实现Vue表。在这里,我在使用所有Vue表组件时遇到一个错误。在这里,我使用npm安装所有Vue表插件,并将它们导入到我的自定义组件中 我的代码片段随附在这里 import Vuetable from 'vuetable/src/components/Vuetable.vue'; import VuetablePagination from 'vuetable/src/components/VuetablePagination.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);
您可能需要调试每个实例组件的html结构。您可能缺少以下其中一项:
- 一个元素中的结束标记箭头
或结束标记斜杠/
- 缺少单个根元素