Javascript 如果在vue中没有显示特定选项卡的任何内容，如何隐藏或不显示选项卡？

我对javascript和Vue非常陌生。我试图找出如何“隐藏”不包含任何信息的选项卡，而只显示包含任何信息的选项卡。我不知道最好的办法是什么。如果有人能帮忙，我将不胜感激

我根据命名自动提取图像。如果文件与此命名匹配，它将显示在正确的选项卡下。我可以显示所有选项卡，也可以不显示任何选项卡。并非所有捆绑包都包含“所有大小”，因此我只想显示符合条件的选项卡，隐藏不符合条件的选项卡。这也是我第一次通过这里提交一些东西作为“提问”，所以如果我遗漏了什么，请告诉我。thx

导出默认值{
名称：“制表符”，
数据（）{
返回{
当前选项卡：0，
制表符：空，
选项卡名：[
{标题：'tab one'，大小：'one'}，
{标题：'tab two'，大小：'two'}，
{标题：'tab three'，大小：'three'}，
{标题：'tab four'，大小：'four'}，
{标题：'tab five'，大小：'five'}，
{标题：'tab 6'，大小：'six'}，
{标题：'tab 7'，大小：'seven'}，
{标题：“制表符8”，大小：“8”}，
{标题：'tab 9'，大小：'nine'}，
{标题：'tab 10'，大小：'ten'}，
{标题：'tab 11'，大小：'11'}，
],
节目：假
}
},
道具：{
档案：{
类型：数组，
默认值：（）=>[]
},
},
方法：{
sizeImg（尺寸）{
const bundleRE=new RegExp（）
},
}
}

.缩略图{
显示：内联块；
最大宽度：100%；/*只有这一个重要*/
边缘底部：0rem；
右边距：1rem；
边界：0；
行高度：0；}

{{tab.title}}

您可以创建一个计算属性（例如，称为parsedTabs）并删除不想显示的选项卡，如：

parsedTabs() {
  return this.tabs.filter(tab => tab.size);
}