Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error deleting item list #26

Open
matifanger opened this issue Jan 16, 2021 · 5 comments
Open

Error deleting item list #26

matifanger opened this issue Jan 16, 2021 · 5 comments

Comments

@matifanger
Copy link

matifanger commented Jan 16, 2021

When i remove all the items with this.items = [] or this.items.lenght = 0 or others methods

im getting an error "TypeError: item is undefined"

So how can i empty or RESET the masonry wall without having any trouble?

@RobSteward
Copy link

Similar issue with deleting individual items for me.

While updates get passed properly to my child v-card component, deleting an item from the database (Vuex store array bound to Firestore), the whole masonry wall crashes as it tries to render an element that is no longer available.

@RobSteward
Copy link

@matifanger Did you find a solution for this or go for a different package?

@matifanger
Copy link
Author

@RobSteward No solutions. It seems like this is no longer maintained.

@DerYeger
Copy link

@RobSteward No solutions. It seems like this is no longer maintained.

I created a Vue 3 component based on this repository.
You can find it at https://github.com/DerYeger/vue-masonry-wall.

It has been rewritten in TypeScript, does not rely on external dependencies, takes padding in regard when calculating the column count, and supports item removal.
A demo is available at https://vue-masonry-wall.yeger.eu/.

@RobSteward
Copy link

RobSteward commented Aug 16, 2021

@RobSteward No solutions. It seems like this is no longer maintained.

I created a Vue 3 component based on this repository.
You can find it at https://github.com/DerYeger/vue-masonry-wall.

It has been rewritten in TypeScript, does not rely on external dependencies, takes padding in regard when calculating the column count, and supports item removal.
A demo is available at https://vue-masonry-wall.yeger.eu/.

Great Stuff @DerYeger! I actually picked up this project recently again, so this will come in handy.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants