Using v-for inside Scroll-view about vue-scrollview

[chrishurlburt]

Hi! thanks for taking the time to report this issue.

Is the list property on your home component being populated asynchronously?

[mapodev]

Yes it is. I'm loading data by AJAX.

[chrishurlburt]

Ok, I think I know what the issue is. The Scroll-view component is not able to detect a change in it's slot and react to it programmatically.

I am going to add a method to the $scrollview object that can be called on complete of an async operation to trigger to reasses it's slotted components and add begin tracking them properly.

I will get this deployed ASAP

[chrishurlburt]

I have added a .refresh() method to $scrollview that can be called to re-track components rendered after an async operation. Please update to v2.1.0

Use like this:

ajax.get('https://example.com') // example ajax request/async operation
    .then(items => {
        this.list = items // set your list in state with the data returned
        Vue.nextTick(() => $scrollview.refresh()) // tell scrollview to update its tracking with newly rendered components
    })

Note the use of Vue.nextTick. This is necessary so the components are rendered before scrollview attempts to track them.