Javascript 在V-Data-Table中隐藏/显示多列

请允许我寻求您的帮助，我目前正在使用vuetifyjs制作显示/隐藏列，我偶然发现了以下参考：

},

我的问题是它只能隐藏1个标题/列。 你能帮我隐藏多个标题吗。 我希望实现这些输出：

非常感谢。

可以计算headers属性

计算：{ 标题{ 让标题=[ { 文字：“甜点100克服务”， 对齐：“左”， 可排序：false， 值：“名称” } ] 如果！这个，臭狗狗{ headers.push{text:'carries'，value:'carries'} } 如果！这个。隐藏{ headers.push{text:'Fat g'，value:'Fat'} } // ... headers.push{text:'Carbs g'，value:'Carbs'} headers.push{text:'Protein g'，value:'Protein'} headers.push{text:'Actions'，value:'name'，sortable:false} 返回标题 } } 然后像以前一样将标题传递给表。

可以计算headers属性

计算：{ 标题{ 让标题=[ { 文字：“甜点100克服务”， 对齐：“左”， 可排序：false， 值：“名称” } ] 如果！这个，臭狗狗{ headers.push{text:'carries'，value:'carries'} } 如果！这个。隐藏{ headers.push{text:'Fat g'，value:'Fat'} } // ... headers.push{text:'Carbs g'，value:'Carbs'} headers.push{text:'Protein g'，value:'Protein'} headers.push{text:'Actions'，value:'name'，sortable:false} 返回标题 } }

---

然后像以前一样将标题传递给表。

是否也要隐藏fat和carbs标题及其列？所有列都需要隐藏什么？你只想删除特定列或全部，点击隐藏卡路里？@BoussadjraBrahim我的道歉如果不清楚，我已经用图片编辑了我的问题/帖子。希望这能让事情变得更清楚。非常感谢。guys@Sam抱歉，如果不太清楚，我已经用图片编辑了我的问题/帖子。希望这能让事情变得更清楚。谢谢各位屏幕截图与代码笔代码段不对应您想同时隐藏fat和carbs标题及其列吗？所有列都需要隐藏什么？你只想删除特定列或全部，点击隐藏卡路里？@BoussadjraBrahim我的道歉如果不清楚，我已经用图片编辑了我的问题/帖子。希望这能让事情变得更清楚。非常感谢。guys@Sam抱歉，如果不太清楚，我已经用图片编辑了我的问题/帖子。希望这能让事情变得更清楚。谢谢你们，伙计这个屏幕截图与代码笔代码片段不符，这是一个非常优雅的解决方案！感谢优雅的解决方案！谢谢

computedHeaders () {
  if(this.hideCalories){
    return this.headers.filter(header => header.text !== "Calories")
  }

  return this.headers;
}