[Vuejs]-Setting data properties on child components in Vue 2

by

0👍

✅

The issue turned out to be that I was using a v-if in a separate area of the same template and for reasons I don’t quite understand it was destroying the first and last page components.

So in essence the data was being loaded into the component and then the component was immediately destroyed so Vue either had nothing to push the data to, or it would add it to what it thought was the first page even though it was actually the second.

I stumbled across the issue by logging in the lifcycle events created and destroyed

created() {
    // console.log('Page ' + this.current_page + ' was created in the created hook');
},

destroyed() {
    // console.log('Page ' + this.current_page + ' was destroyed');
},

This is probably a rookie error but just in case anyone experiences something similar, this was what helped me.

(As well as the comments above).

Leave a comment