Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <transition-group class="message-bus" tag="ul" name="message-bus">
- <li v-for="message in messages" v-bind:key="message.id" :ref="message.id">
- <div>{{message.text}}</div>
- <a class="dismiss-message" @click="dismissMessage(message)">×</a>
- </li>
- </transition-group>
- dismissMessage(message){
- const vm = this;
- this.$refs[message.id][0].addEventListener("transitionend", function(){
- vm.$nextTick(function(){
- //This is called, but appears to be called before the element is actually removed from the DOM
- //I need to query the DOM immediately after this element is removed
- });
- });
- this.messages.splice(this.messages.indexOf(message), 1);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement