Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

calampolow's avatar

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?!

0 likes
4 replies
wa05's avatar

Im dealing with the same error, did you find the solution?

Please or to participate in this conversation.