In MessagesDemo.vue, demo'ing the Message component
<transition-group name="p-message" tag="div">
<Message v-for="msg of message" :severity="msg.severity" :key="msg.content">{{msg.content}}</Message>
</transition-group>
the :key should be msg.id. If you don't change the content, e.g. click 'Success', dismiss the Message, click 'Success' again — change detection does not work — the element is not re-rendered.
In MessagesDemo.vue, demo'ing the Message component
the
:keyshould bemsg.id. If you don't change the content, e.g. click 'Success', dismiss the Message, click 'Success' again — change detection does not work — the element is not re-rendered.