You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I've used Colcade on multiple projects and it's always worked great!
However on a new Ionic app in Vue3, the items are getting prepended at the beginning after loading more data, instead of showing in the correct order. If I remove the Colcade component, the items are rendered in a linear list in their correct order.
The initial render loads the order of items correctly, the problem only occurs after loading more items which should appear at the bottom. Here is my Vue3 component.
<grid-cards>
<user-card :user="user" :key="user.id"v-for="user of users"></user-card>
</grid-cards>
I've followed similar logic to vue-colcade removing the existing grid and then recreating it after the data is updated. This logic is similar to Quasar app in Vue2 which worked fine, so think the issue is perhaps related to changes in Vue3?
The text was updated successfully, but these errors were encountered:
I don't know anything about Vue, but I had a similar issue with AngularJS: #23 I found a workaround of sorts as noted in the issue, but my workaround has some undesirable artifacts. maybe you can find a way around them with Vue....
Thanks for sharing this @viking2917, I meant to reply when you posted this but forgot. What's strange is that Colcade always worked fine with Vue 2 but started putting things out of order with Vue 3. I'm looking into this problem again, will let you know if I find a workaround for this.
I've used Colcade on multiple projects and it's always worked great!
However on a new Ionic app in Vue3, the items are getting prepended at the beginning after loading more data, instead of showing in the correct order. If I remove the Colcade component, the items are rendered in a linear list in their correct order.
The initial render loads the order of items correctly, the problem only occurs after loading more items which should appear at the bottom. Here is my Vue3 component.
I use the Colcade grid of cards like this.
I've followed similar logic to vue-colcade removing the existing grid and then recreating it after the data is updated. This logic is similar to Quasar app in Vue2 which worked fine, so think the issue is perhaps related to changes in Vue3?
The text was updated successfully, but these errors were encountered: