Pass arguments for the on-infinite function

[vlahde]

Hello, I have a page that includes a few smaller lists of movies. I ran into a problem when trying to implement on-infinite callback function:

This throws "TypeError: Cannot read property 'call' of undefined":
<infinite-loading :on-infinite="getMicroList('releases')" ref="releases" spinner="circles">

while this is ok:
<infinite-loading :on-infinite="getMicroList" ref="releases" spinner="circles">

Are multiple lists even possible on the same page without having to copy all the callback function code over and over again?

[PeachScript]

You can use the bind method:

<infinite-loading :on-infinite="getMicroList.bind(null, 'releases')" ref="releases" spinner="circles">

Exactly, it is not the best practice, I will change the type of on-infinite to event in the next version, we will can use it like the official event listener @click:

<infinite-loading @infinite="getMicroList('releases')" ref="releases" spinner="circles">

[vlahde]

Thank you so much for the help and for the great component!

[PeachScript]

@vlahde you're welcome :P

[PeachScript]

Hi @vlahde , v2.2.0 has been released, include the infinite event change, you may need update the way to bind infinite function, document is here, please feedback to here if you find any problem, thanks :D

[vlahde]

Works like a charm! I also love the new state system. Thanks again for the great component, man!

[PeachScript]

Thanks for your appreciation!

Best regards.