search

fuxingloh / vue-masonry-wall

A pure vue responsive masonry layout without direct dom manipulation and ssr support.
https://nuxt-app.fuxing.dev/vue-masonry-wall
MIT License
211 stars 31 forks source link

Error deleting item list #26

Open matifanger opened 3 years ago

matifanger commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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

matifanger commented 3 years ago

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

DerYeger commented 2 years ago

@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 commented 2 years ago

@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.