primefaces/sakai-vue-cli

Wrong :key used for Message demo?

space88man opened this issue · 0 comments

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.