大家!我有一个问题,可以点击工具提示内容来调用任何函数吗?
当我的工具提示打开时,我想单击调用测试功能的范围。
<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>
您需要覆盖工具提示样式。添加此样式。
.v-tooltip__content {
pointer-events: initial;
}
这是代码笔 https://codepen.io/Adam_Orlov/pen/dyoVgBO?editors=1111
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)