Question

Dropdown在普通页面上完美运行。

但是，当我使用Vue-router（其工作方式类似于SPA）时，下拉菜单项与其子导航栏链接之间的下拉列表消失，除非我将光标快速向下移动。

路由器页面上的html或路由器视图与导航器之间没有间隙或边距。在普通网页上，navbar-item与下拉菜单之间的转换是无缝的。但是在路由器页面上，一旦光标移出内部标签内部的标签，下拉列表就会消失。

// outer tag
<div class="navbar-item has-dropdown is-hoverable">
    // inner tag
    <a class="navbar-link">More:</a>
</div>

设置style =“height：100％”不能使标签完全适合外部div

Answer 1

通过在具有vue-router

子项的列上方添加一个固定来解决此问题

永远不要过分复杂vue或bulma的简单性！