点击工具提示内容 vuetify [英] Click on tooltip content vuetify

问题描述

大家！我有一个问题，是否可以单击工具提示内容来调用任何函数?当我的工具提示打开时，我想点击调用测试函数的跨度.

everybody ! I have a question, is possible to click on the tooltip content for call any function ? When my tooltip is open i want to click on the span for call test function.

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

推荐答案

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

You need to overide tooltips styling. Add this styles.

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

这里是代码笔

这篇关于点击工具提示内容 vuetify的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！