Im dealing with the same error, did you find the solution?
Apr 30, 2017
4
Level 1
multiple vuetable-2 doesn't work in multiple separate routes!
I'm using vuetable-2 by @ratiw in a project. I have tow vuetable instances in two separate route as: #/users #/news
They fetch their data from two separated other links and works grate. But the problem is when I go over links for multiple times (tow or more) the Refresh button on top of tables doesn't work and cause an error:
TypeError: Cannot read property 'refresh' of undefined
I changed this event in my UserTable:
'filter-reset' () {
this.moreParams = {}
Vue.nextTick( () => this.$refs.vuetable.refresh())
},
to:
'filter-reset' () {
this.moreParams = {}
Vue.nextTick( () => console.log(this.$refs))
},
and I got this when I go over links 3 times and click refresh:
Object {vuetable: undefined, paginationInfo: undefined, pagination: undefined}
Object {vuetable: undefined, paginationInfo: undefined, pagination: undefined}
Object {vuetable: VueComponent, paginationInfo: VueComponent, pagination: VueComponent}
It seems the Vue instance is accumulating each time! Is there any idea?!
Please or to participate in this conversation.