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