如何在Vue.js中删除组件及其插槽

Question

我正在创建基于组件的Tab功能。请找到代码here

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

在那里，我添加了删除按钮，需要删除标签和标签详细信息块。有人知道如何删除标签详细信息吗？

Answer 1

我建议您关注此视频laracasts以获取更好的代码。

要删除标签和内容，您需要执行以下操作：

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

check fiddle