Vue.js Vue/Nuxt-Mouseleave触发器来自子元素

Vue.js Vue/Nuxt-Mouseleave触发器来自子元素,vue.js,modal-dialog,nuxt.js,Vue.js,Modal Dialog,Nuxt.js,目前正在尝试构建我的网站的一部分,当文本悬停在上面时,它下面会出现一个模式框(以便人们可以悬停在上面)。这将保持模态的存在,直到他们将鼠标移到此之外 我面临的问题是,一旦我的鼠标从文本移动到模式,模型就会被解除(因为似乎触发了mouseleave事件) 输入: 悬停 某种模式 谢谢。如果没有更多的代码和可复制的示例,很难说,但是鼠标盖/鼠标盖,在这种情况下,这可能是您不想要的。您可以使用mouseenter/mouseleave来代替-这些不会触发后代,也不会冒泡…嘿,抱歉!单击可复制的

目前正在尝试构建我的网站的一部分,当文本悬停在上面时,它下面会出现一个模式框(以便人们可以悬停在上面)。这将保持模态的存在,直到他们将鼠标移到此之外

我面临的问题是,一旦我的鼠标从文本移动到模式,模型就会被解除(因为似乎触发了mouseleave事件)


输入: 悬停

某种模式


谢谢。

如果没有更多的代码和可复制的示例,很难说,但是
鼠标盖
/
鼠标盖
,在这种情况下,这可能是您不想要的。您可以使用
mouseenter
/
mouseleave
来代替-这些不会触发后代,也不会冒泡…

嘿,抱歉!单击可复制的示例。好的,我看到您现在切换到使用
mouseenter/mouseleave
,它似乎工作得很好(FF 81)-当文本悬停时,弹出窗口显示,只有当鼠标离开文本或弹出窗口时才会关闭。这不是你想要的吗?