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

Question

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

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)
}

检查小提琴