Advertisement
Guest User

Untitled

a guest
Jul 23rd, 2019
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.71 KB | None | 0 0
  1. <transition-group class="message-bus" tag="ul" name="message-bus">
  2. <li v-for="message in messages" v-bind:key="message.id" :ref="message.id">
  3. <div>{{message.text}}</div>
  4. <a class="dismiss-message" @click="dismissMessage(message)">&times;</a>
  5. </li>
  6. </transition-group>
  7.  
  8. dismissMessage(message){
  9. const vm = this;
  10.  
  11. this.$refs[message.id][0].addEventListener("transitionend", function(){
  12. vm.$nextTick(function(){
  13. //This is called, but appears to be called before the element is actually removed from the DOM
  14. //I need to query the DOM immediately after this element is removed
  15. });
  16. });
  17.  
  18. this.messages.splice(this.messages.indexOf(message), 1);
  19.  
  20. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement