Javascript 是否切换隐藏/显示元素VueJS？

我使用的是带有标题和项目槽的Vuetify数据表。现在，我有一个默认情况下应该隐藏的按钮，但我只想在选中一行或选中所有行时显示它。我假设我应该能够使用

selected

数据属性，但如果我选择一行，该属性似乎保持为空。所以我不知道如何隐藏/显示按钮

这是一个工作环境

代码如下：

newvue({
el:“应用程序”，
数据：（）=>({
分页：{
脏话：“名字”
},
选定：[]，
标题：[{
正文：“甜点（100克食用）”，
对齐：“左”，
值：“名称”
},
{
正文：“卡路里”，
价值：“卡路里”
},
{
正文：“Fat（g）”，
价值：“脂肪”
}
],
甜点：[{
名称：“冷冻酸奶”，
卡路里：159，
脂肪：6.0
},
{
名称：“冰淇淋三明治”，
卡路里：237，
脂肪：9.0
}
]
}),
方法：{
托格里尔（）{
如果（this.selected.length）this.selected=[]；
else this.selected=this.desserts.slice（）；
},
更改排序（列）{
if（this.pagination.sortBy==列）{
this.pagination.descending=！this.pagination.descending；
}否则{
this.pagination.sortBy=列；
this.pagination.descending=false；
}
}
}
});

向上箭头
{{header.text}}
{{props.item.name}
{{props.item.carries}
{{props.item.fat}
默认情况下隐藏，但在选定位置显示
您可以使用
选定的长度

这是一个可以添加的计算结果

计算：{
showBtn（）{
返回此.selected.length>0
}
},

然后在模板中使用
showBtn

默认情况下隐藏，但在选定位置显示

您也可以内联使用它，但我更喜欢使用
computed
，因为它们会缓存值，并使模板更具可读性


newvue({
el:“应用程序”，
数据：（）=>({
分页：{
脏话：“名字”
},
选定：[]，
标题：[
{
正文：“甜点（100克食用）”，
对齐：“左”，
值：“名称”
},
{文本：“卡路里”，值：“卡路里”}，
{文本：“Fat（g）”，值：“Fat”}
],
甜点：[
{
名称：“冷冻酸奶”，
卡路里：159，
脂肪：6.0
},
{
名称：“冰淇淋三明治”，
卡路里：237，
脂肪：9.0
}
]
}),
计算：{
showBtn（）{
返回此.selected.length>0
}
},
方法：{
托格里尔（）{
如果（this.selected.length）this.selected=[]；
else this.selected=this.desserts.slice（）；
},
更改排序（列）{
if（this.pagination.sortBy==列）{
this.pagination.descending=！this.pagination.descending；
}否则{
this.pagination.sortBy=列；
this.pagination.descending=false；
}
}
}
});

向上箭头
{{header.text}}
{{props.item.name}
{{props.item.carries}
{{props.item.fat}
默认情况下隐藏，但在选定位置显示
使用vuecomputed@JoshLin我将计算什么，基于什么？