css - Vue 路由器使 Bulma 下拉菜单消失

Question

下拉菜单在普通页面上运行良好。

但是当我使用像 SPA 一样工作的 Vue-router 时，下拉菜单会在 navbar-item 及其子 navbar-link 之间消失，除非我快速向下移动光标。

路由器页面上的 html 中或路由器视图和导航之间没有间隙或边距。在普通网页上，导航栏项到下拉菜单之间的过渡是无缝的。但是在路由器页面上，一旦光标移离装在外部 div 内的内部标签，下拉菜单就会消失。

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

设置 style="height: 100%" 不能使 a 标签完全适合外部 div

score 0 · Accepted Answer

<br>通过在具有 vue-router 子级的列上方添加换行符来解决此问题。

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

1 回答 1