Hey all, new to Framework7 but I’m really liking it so far.
I’m able to load up the items via json using beforeCreate and initializing data items + vlData as empty array, objects (respectively) - but the vlData object doesn’t get populated properly if I set this.items to my json return data - which seems to break the searchAll filtering.
Also, it seems the v-for="(item, index) in vlData.items" statement throws an undefined error if I start up with empty data sets (cannot get length of null).
To get over this for now, I’ve simply hardcoded my json array into the data section of the Vue.
I’ve even tried using v-if statements with a preloader section to show until the JSON is done loading and then show the f7-list-tiem block once completed, but that then breaks the relationship between the virtual-list filtering (vlData doesn’t get properly populated when I set this.items to my json data return.
EDIT - I’ve resolved the LINK issue by pre-pending LINK property with : and it now takes dynamic item.var values. NICE!!
OH! one last thing - on your Vue doc page for Virtual Lists ( https://framework7.io/vue/virtual-list.html ) - there is a typo in your params value.
You will get an uncaught TypeError if you use the code as-is from the virtual-list page.
Uncaught TypeError: Cannot read property ‘params’ of undefined
fix it by changing the spelling error on virtual-list-params. The word virtual is spelled wrong in the sample code.
:virutal-list-params= should be changed to :virtual-list-params=, and then the example code in the virtual-list page for Vue will work out of the box.
Thanks in advance, and thanks for Framework7!!