Delete object in array with the id provided

Asked Aug 19 '20 at 16:24

Active Aug 19 '20 at 16:40

Viewed 27 times

I have checked many examples from stack overflow but I am still struggling to understand where did I make the mistake. So, with the event bus, I am retrieving the item id I need to delete. I have checked and the id is coming without any issues. the problem is that I cannot filter out the item where id is equal to the id I am getting back from the click event. This is the code:

export default {
data() {
    return {
        quotes: [
            { id: 1, content: 'First quote'},
            { id: 2, content: 'Second quote'},
        ]
    }
},
created() {
    eventBus.$on('deleteQuote', (providedId) => {
        this.quotes.filter((quote) => quote.id === providedId);
    });
}

}

asked Aug 19 '20 at 16:24

Luka

1

`filter()` doesn't modify the array in place, it returns a new array, you need to assign the result: `this.quotes = this.quotes.filter(...)` – Barmar Aug 19 '20 at 16:25
1

Also, if you want to remove the item with the id that's being received then the condition should be `!==`. – Nithish Aug 19 '20 at 16:27
@Barmar Thank you very much! – Luka Aug 19 '20 at 16:27
@Nithish Amazing, thanks! – Luka Aug 19 '20 at 16:28

Delete object in array with the id provided

0 Answers0