[Vuejs]-How to hide some dynamically generated div's in VueJS v-for

by

0👍

✅

For example if the message is

message: {id: 1, name: "name", side: "side", isStatisfationResponseRequired: true,isStatisfationResponseAnswered: false,...}

And on the element you have:

<div :id="'messageResponseSatisfactionOption' + message.id" v-if="isStatisfationResponseRequired(message.isStatisfationResponseRequired,message.id)&&!isStatisfationResponseAnswered">

and in the method after they response and you want it to be removed you pass for example the index of the message in the list and inside the method you do :

hideResponse(index) {
    this.messages[index].isStatisfationResponseAnswered= false;
}

Leave a comment