我正在尝试通过使用节点模块在我的应用程序中使用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);