Wrong :key used for Message demo?
space88man opened this issue · 0 comments
space88man commented
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.