I am using Meteor with Vue and I have the following problem, where I don’t know whether it is more Vue or Meteor releated,
- In the Meteor part of Vue component 1 havea method
books()which returns the results of a
find().fetch()on a Collection.
- A method
this.booksand does some modifications, in particular it indicates whether tha list item has status open or closed.
- Its output is fed into Vue component 2 as a prop
- In Vue component 2, the prop is copied in a lokal property in the data() part:
- MyListItems is used in a v-for loop to display the list.
Problem: On mount of Component 2 the array
MyListItems is empty.
Note 1: When the value of the prop is not taken from the collection but provided as a static array, th output is ok.
Note 2: When I switch in Component 1 (in dev mode) from the static prop to the dynamically generated prop the dynamic prop appears. But when I reload the components it vanishes.
Any help is appreciated. Code can be provided (where?)