Hi everyone....
I need your help please with this stuff:
When i try to use a special field any one between the five fields, I got :
[Vue warn]: Unknown custom element: <vuetable-field-{{the field name here}}> in my console..
Here are the examples:
-[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
-[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
-[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
here is my code:
`
<vuetable-pagination-info ref="paginationInfoTop"></vuetable-pagination-info>
<vuetable-pagination ref="paginationTop"
@vuetable-pagination:change-page="onChangePage"
></vuetable-pagination>
</div>
<vue-table
ref="vuetable"
api-url="https://vuetable.ratiw.net/api/users"
:per-page="10"
:fields="field"
pagination-path=""
@vuetable:pagination-data="onPaginationData"
:css="css"
>
</vue-table>
<div class="vuetable-pagination ui basic segment grid">
<vuetable-pagination-info ref="paginationInfo"></vuetable-pagination-info>
<vuetable-pagination ref="pagination"
@vuetable-pagination:change-page="onChangePage"
></vuetable-pagination>
</div>
</div>
<script>
import Vue from 'vue'
import Vuetable from 'vuetable-2'
import VuetablePagination from './VuetablePaginationDropdown.vue'
import VuetablePaginationInfo from './VuetablePaginationInfo.vue'
export default{
data(){
return {
field: [
{
name: '__handle',
title: "#",
titleClass: 'text-center',
dataClass: 'text-center'
},
/* {
name: 'id',
title: '#',
titleClass: 'text-center',
dataClass: 'text-center'
},*/
{
name: 'name',
sortField: 'name'
},
{
name:'email',
sortField: 'email'
},
{
name:'birthdate',
sortField: 'birthdate'
},
{
name:'nickname',
titleClass: 'text-center',
dataClass: 'text-center',
sortField: 'nickname'
},
{
name: 'salary',
titleClass: 'text-center',
dataClass: 'text-center',
sortField: 'salary'
},
{
name:'gender',
titleClass: 'text-center',
dataClass: 'text-center',
sortField: 'gender'
}
],
css: {
ascendingIcon: 'icon-up-open',
descendingIcon: 'icon-down-open'
}
}
},
components: {
vueTable: Vuetable,
vuetablePagination: VuetablePagination,
vuetablePaginationInfo: VuetablePaginationInfo
},
methods: {
onPaginationData(paginationData) {
this.$refs.paginationTop.setPaginationData(paginationData);
this.$refs.paginationInfoTop.setPaginationData(paginationData);
this.$refs.pagination.setPaginationData(paginationData);
this.$refs.paginationInfo.setPaginationData(paginationData);
},
onChangePage(page) {
this.$refs.vuetable.changePage(page);
}
},
}
</script>
`
Hi everyone....
I need your help please with this stuff:
When i try to use a special field any one between the five fields, I got :
[Vue warn]: Unknown custom element: <vuetable-field-{{the field name here}}> in my console..
Here are the examples:
-[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
-[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
-[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
here is my code:
`
`