Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/magento/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vuteify VTooltip触发器仅在激活器单击时触发_Vue.js_Vuejs2_Vuetify.js - Fatal编程技术网

Vue.js Vuteify VTooltip触发器仅在激活器单击时触发

Vue.js Vuteify VTooltip触发器仅在激活器单击时触发,vue.js,vuejs2,vuetify.js,Vue.js,Vuejs2,Vuetify.js,我只想在单击激活器而不是悬停时触发Vuetify tooltipVTooltip。我试图用一个变量绑定它,但仍然在悬停时触发 方法:{ doCopy(){ //复制逻辑 this.showCopy=true; 设置超时(()=>{ this.showCopy=false }, 1000) } } 复制 事实证明,我必须禁用激活器的默认事件处理程序。 只需删除默认事件对象(on)绑定即可解决此问题 复制 [更新]基于@Kael Watts Deuchar答案 NB:v型竞价是强制性的由于一

我只想在单击激活器而不是悬停时触发Vuetify tooltip
VTooltip
。我试图用一个变量绑定它,但仍然在悬停时触发

方法:{
doCopy(){
//复制逻辑
this.showCopy=true;
设置超时(()=>{
this.showCopy=false
}, 1000)
}
}

复制

事实证明,我必须禁用激活器的默认事件处理程序。 只需删除默认事件对象
(on)
绑定即可解决此问题


复制
[更新]基于@Kael Watts Deuchar答案
NB:v型竞价是强制性的

由于一些错误,这实际上比我预期的要复杂。您应该能够只执行
,但是仍然添加了一个焦点侦听器,这会导致单击立即关闭工具提示。相反,您需要分别绑定单击和模糊事件,并将
保留焦点单击
添加到按钮,以使其不会立即模糊

完整解决方案:


复制
复制

感谢您的发帖,因为我刚刚在考虑如何使用不同的Vuetify组件执行类似操作时遇到了这个问题。
on.prevent
不是一个修饰符,它正在访问
on
对象上的
prevent
属性,该属性未定义。如果根本不使用v-on,也会有同样的效果。