点击工具提示内容 vuetify

Question

各位！我有一个问题，是否可以单击工具提示内容来调用任何函数？当我的工具提示打开时，我想单击用于调用测试功能的跨度。

<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>

Answer 1

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

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

这是代码笔