下拉菜单在普通页面上运行良好。
但是当我使用像 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