本文介绍了点击工具提示内容 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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!