Vue.js 单击工具提示内容vuetify

大家好！我有一个问题，可以点击工具提示内容调用任何函数吗？ 当我的工具提示打开时，我想单击调用测试函数的范围

<template>
    <v-tooltip v-model="show" open-on-click :open-on-hover="false" bottom close-delay="2000">
      <template v-slot:activator="{ on }">
        {{on}}
        <v-btn color="primary" dark v-on="on" fab x-small class="btn">
          <v-icon>mdi-pencil</v-icon>
        </v-btn>
      </template>
        <span @click="test">click<span>

    </v-tooltip>
</template>

<script>
export default {
  data() {
    return {
      show: false
    };
  },
  methods: {
    test: function() {
     console.log('helloo')
    }
  }
};
</script>

{{on}}
mdi铅笔
点击
导出默认值{
数据（）{
返回{
节目：假
};
},
方法：{
测试：函数（）{
console.log（'helloo'）
}
}
};

您需要覆盖工具提示样式。添加此样式

.v-tooltip__content {
  pointer-events: initial;
}