Vue.js 如何在Vuetify标题上添加单击事件？

我有5张以上的桌子。 我想在“v-data-table”上添加一个单击事件 负责更新数据源的标头

导出默认值{
数据（）{
返回{
当前位置：空，
标题：[……]，
项目：[……]
}
},
安装的（）{
this.getTablesData（）；
},
方法：{
登记处（地点）{
this.current_place=地点；
},
customSort（items，sortBy，desc）{…}
}
}

有没有办法让回调函数由 点击表格标题？

---

上述操作不起作用。

您可能需要使用

标题。

或

标题

插槽

前者用于编辑单个标题，其中

是列的键

下面是一个示例，它用一个触发控制台日志功能的按钮替换第二列（卡路里）

newvue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据（）{
返回{
singleSelect:false，
选定：[]，
标题：[
{
文字：“甜点（100克），
对齐：“左”，
可排序：false，
值：'name'}，
{文本：'卡路里'，值：'卡路里'}，
{text:'Fat（g'），value:'Fat'}，
{text:'Carbs（g）'，value:'Carbs'}，
{text:'Protein（g'），value:'Protein'}，
{文本：'Iron（%）'，值：'Iron'}]，
甜点：[
{
名称：“冷冻酸奶”，
卡路里：159，
脂肪：6.0，
碳水化合物：24，
蛋白质：4.0，
铁：1%}，
{
名称：“冰淇淋三明治”，
卡路里：237，
fat:9.0，
碳水化合物：37，
蛋白质：4.3，
铁：1%}，
{
名称：“Eclair”，
卡路里：262，
脂肪：16.0，
碳水化合物：23，
蛋白质：6.0，
铁：“7%”，
{
名字：“纸杯蛋糕”，
卡路里：305，
脂肪：3.7，
碳水化合物：67，
蛋白质：4.3，
铁：“8%”，
{
名称：“姜饼”，
卡路里：356，
脂肪：16.0，
碳水化合物：49，
蛋白质：3.9，
铁：“16%”，
{
名称：“果冻豆”，
卡路里：375，
脂肪：0.0，
碳水化合物：94，
蛋白质：0.0，
铁：0%}，
{
名称：“棒棒糖”，
卡路里：392，
脂肪：0.2，
碳水化合物：98，
蛋白质：0，
铁：“2%”，
{
名称：“蜂巢”，
卡路里：408，
fat:3.2，
碳水化合物：87，
蛋白质：6.5，
铁：45%，
{
名称：“甜甜圈”，
卡路里：452，
脂肪：25.0，
碳水化合物：51，
蛋白质：4.9，
铁：“22%”，
{
名称：“KitKat”，
卡路里：518，
脂肪：26.0，
碳水化合物：65，
蛋白质：7，
铁：'6%'}]}；
},
创建（）{
this.console=控制台；
}
});

卡路里
它不支持
@单击
对于标题，您需要使用自定义标题渲染槽
标题
或
标题。