Vuejs2 如何在元素UI折叠的水平菜单中编辑打开延迟

Vuejs2 如何在元素UI折叠的水平菜单中编辑打开延迟,vuejs2,element-ui,Vuejs2,Element Ui,当你在折叠的水平菜单中快速地将鼠标悬停在菜单项上时,我觉得有点烦人。所以我想编辑显示工具提示的秒数 元素UI的工具提示组件有一个属性,允许我们编辑工具提示的打开延迟 如何在折叠的水平菜单中执行此操作,其中显示菜单项的标题 若要编辑元素UI中的打开延迟,请简单更改打开延迟属性,根据需要以毫秒为单位绑定所需的值,即1秒内它应为1000。像这样: <el-tooltip content="Top center" :open-delay="1000" placement="top"> <

当你在折叠的水平菜单中快速地将鼠标悬停在菜单项上时,我觉得有点烦人。所以我想编辑显示工具提示的秒数

元素UI的工具提示组件有一个属性,允许我们编辑工具提示的打开延迟

如何在折叠的水平菜单中执行此操作,其中显示菜单项的标题


若要编辑元素UI中的打开延迟,请简单更改打开延迟属性,根据需要以毫秒为单位绑定所需的值,即1秒内它应为1000。像这样:

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

黑暗的
如果需要缩短持续时间,请使用较小的数字,反之亦然

见文件

对于您的情况,使用工具提示包装菜单项元素,并根据需要配置打开延迟,例如:

<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>

领航员二号

若要编辑元素UI中的打开延迟,请简单更改打开延迟属性,根据需要以毫秒为单位绑定所需的值,即1秒内它应为1000。像这样:

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

黑暗的
如果需要缩短持续时间,请使用较小的数字,反之亦然

见文件

对于您的情况,使用工具提示包装菜单项元素,并根据需要配置打开延迟,例如:

<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>

领航员二号

根据@Lupyana的回答,我只需要为它添加一些内容,以适应我真正想要发生的事情

而不是让元素ui在菜单折叠时自动转换工具提示。我们所要做的就是手动执行,只需在工具提示未折叠时禁用工具提示,以便在菜单展开时它不会显示

发件人:

致:


根据@Lupyana的回答,我只需要为它添加一些东西,以适应我真正想要发生的事情

而不是让元素ui在菜单折叠时自动转换工具提示。我们所要做的就是手动执行,只需在工具提示未折叠时禁用工具提示,以便在菜单展开时它不会显示

发件人:

致:


没有本机方法,因为组件没有考虑它。因此@Lupyana Mbembati解决方案有效:

<el-tooltip effect="dark" placement="right" content="About" :open-delay="400">
    <el-menu-item :index="localePath('index')">
        <i class="el-icon-user"></i>
    </el-menu-item>
</el-tooltip>

没有本机方法,因为组件没有考虑它。因此@Lupyana Mbembati解决方案有效:

<el-tooltip effect="dark" placement="right" content="About" :open-delay="400">
    <el-menu-item :index="localePath('index')">
        <i class="el-icon-user"></i>
    </el-menu-item>
</el-tooltip>


Hi,请注意,这是我的问题“如何在折叠的水平菜单中执行此操作,其中显示菜单项的标题?”。谢谢。@japhfortin我已经更新了我的答案,请看第二个菜单项fiddle好主意@Lupyana:)我只需要添加一些东西来满足我的需要..嗨,请注意,这是我的问题“如何在折叠的水平菜单中执行此操作,其中显示菜单项的标题?”。谢谢。@japhfortin我已经更新了我的答案,请看第二个菜单项fiddle好主意@卢皮亚娜:)我只需要添加一些东西来满足我的需要。。