vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #653 - Closing message and reopening it does not work

pull/682/head
Cagatay Civici 2020-11-25 13:50:15 +03:00
parent 835ad45065
commit 8c0122cb9d
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/message/Message.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<transition name="p-message" appear> <transition name="p-message" appear>
<div :class="containerClass" v-if="visible" role="alert"> <div :class="containerClass" v-show="visible" role="alert">
<div class="p-message-wrapper"> <div class="p-message-wrapper">
<span :class="iconClass"></span> <span :class="iconClass"></span>
<div class="p-message-text"> <div class="p-message-text">

8
src/views/message/MessageDemo.vue
View File

@ -18,7 +18,7 @@
<h5>Dynamic</h5> <h5>Dynamic</h5>
<Button label="Show" @click="addMessages()" /> <Button label="Show" @click="addMessages()" />
<transition-group name="p-message" tag="div"> <transition-group name="p-message" tag="div">
<Message v-for="msg of messages" :severity="msg.severity" :key="msg.content">{{msg.content}}</Message> <Message v-for="msg of messages" :severity="msg.severity" :key="msg.id">{{msg.content}}</Message>
</transition-group> </transition-group>
<h5>Auto Dismiss</h5> <h5>Auto Dismiss</h5>
@ -55,9 +55,9 @@ export default {
methods: { methods: {
addMessages() { addMessages() {
this.messages = [ this.messages = [
{severity: 'info', content: 'Dynamic Info Message'}, {severity: 'info', content: 'Dynamic Info Message', id: this.count++},
{severity: 'success', content: 'Dynamic Success Message'}, {severity: 'success', content: 'Dynamic Success Message', id: this.count++},
{severity: 'warn', content: 'Dynamic Warning Message'} {severity: 'warn', content: 'Dynamic Warning Message', id: this.count++}
] ]
} }
}, },

8
src/views/message/MessageDoc.vue
View File

@ -254,7 +254,7 @@ import InlineMessage from 'primevue/inlinemessage';
&lt;h5&gt;Dynamic&lt;/h5&gt; &lt;h5&gt;Dynamic&lt;/h5&gt;
&lt;Button label="Show" @click="addMessages()" /&gt; &lt;Button label="Show" @click="addMessages()" /&gt;
&lt;transition-group name="p-message" tag="div"&gt; &lt;transition-group name="p-message" tag="div"&gt;
&lt;Message v-for="msg of messages" :severity="msg.severity" :key="msg.content"&gt;{{msg.content}}&lt;/Message&gt; &lt;Message v-for="msg of messages" :severity="msg.severity" :key="msg.id"&gt;{{msg.content}}&lt;/Message&gt;
&lt;/transition-group&gt; &lt;/transition-group&gt;
&lt;h5&gt;Auto Dismiss&lt;/h5&gt; &lt;h5&gt;Auto Dismiss&lt;/h5&gt;
@ -286,9 +286,9 @@ export default {
methods: { methods: {
addMessages() { addMessages() {
this.messages = [ this.messages = [
{severity: 'info', content: 'Dynamic Info Message'}, {severity: 'info', content: 'Dynamic Info Message', id: this.count++},
{severity: 'success', content: 'Dynamic Success Message'}, {severity: 'success', content: 'Dynamic Success Message', id: this.count++},
{severity: 'warn', content: 'Dynamic Warning Message'} {severity: 'warn', content: 'Dynamic Warning Message', id: this.count++}
] ]
} }
} }