So entfernen Sie die Komponente und ihren Steckplatz in Vue.js

Question

Ich erstelle Komponente basierte Tab-Funktionalität. Sie finden den Code here

deleteTab: function(selectedTab){ 
     this.tabs = this.tabs.filter(function(tab){ 
     return tab._uid != selectedTab._uid 
     }); 
    } 

Dort habe ich hinzugefügt Entfernen-Taste, die die Reiter und Reiter Details entfernen muss blockieren. Weiß jemand, wie man die Tab-Details entfernt?

Answer 1

Ich empfehle Ihnen, dieses Video laracasts für einen besseren Code zu folgen.

Ihre Registerkarte und den Inhalt zu löschen, müssen Sie tun:

deleteTab: function(tab){ 
    tab.isActive=false; 
    index = this.tabs.indexOf(tab); 
    if (index > -1) { 
      this.tabs.splice(index, 1); 
    } 
    console.log(tab) 
} 

check fiddle