vuejs2 - 如何在 Element UI 折叠的水平菜单中编辑打开延迟

Question

当您在折叠的水平菜单中快速将鼠标悬停在菜单项上时，我发现它有点烦人。所以我想编辑它显示工具顶部的秒数。

ELement UI 的工具提示组件有一个属性，可以让我们编辑工具提示的打开延迟。

我们如何在折叠的水平菜单中做到这一点，它显示菜单项的标题？

截屏

标签： vuejs2element-ui

Answer 1

要在元素 UI 中编辑打开延迟，只需更改打开延迟属性，根据需要以毫秒为单位绑定您想要的值，即在一秒钟内它应该是 1000。像这样：

<el-tooltip content="Top center" :open-delay="1000" placement="top">
<el-button>Dark</el-button>
</el-tooltip>

如果您需要减少持续时间，请使用较小的数字，反之亦然。

请参阅文档元素 UI 文档

对于您的情况，使用工具提示包装 menu-item 元素，并根据需要配置 open-delay 示例：

<el-tooltip class="item" effect="dark" :open-delay="1000" 
content="Right Center prompts info" placement="right">
<el-menu-item index="2">
<i class="el-icon-menu"></i>
<span  >Navigator Two</span>
</el-menu-item>
</el-tooltip>

见小提琴