【问题标题】:How to delay the disappearance of elementui tooltip components,elementui tooltip组件如何延迟消失,
【发布时间】:2025-12-29 21:25:10
【问题描述】:

我用了elementui tooltip组件,看到只有'open-delay'延迟显示,怎么让它延迟消失

【问题讨论】:

    标签: vuejs2 element-ui


    【解决方案1】:

    你试过hide-after属性吗?这是一个例子:https://jsfiddle.net/budgw/58mdw0et/

    如果您想延迟鼠标离开元素,请先使用el-tooltip 上的manual 属性。然后使用 mouseenter 和 mouseleave 事件(如果是 el 按钮)来显示/隐藏工具提示。例如,您可以使用 lodash 中的 debounce 方法来延迟 hide 方法。这是一个 jsfiddle:https://jsfiddle.net/budgw/qrt3pbqm/

    希望对你有帮助。

    【讨论】:

    • 我的意思是,当我的鼠标在目标区域时,工具提示总是显示,当我的鼠标移出目标区域时,它会延迟消失,我尝试了'hide-after'但是当我的鼠标移出目标区域会立即消失