0
드롭 다운이 일반 페이지에서 완벽하게 작동합니다.Vue 라우터에서 Bulma 드롭 다운이 사라짐
SPA처럼 작동하는 Vue-router를 사용할 때 매우 빠르게 커서를 이동하지 않으면 navbar-item과 하위 navbar 링크 사이에서 드롭 다운이 사라집니다.
라우터 페이지의 html 또는 라우터보기와 nav 사이에 간격이나 여백이 없습니다. 일반 웹 페이지에서는 navbar-item과 드롭 다운 메뉴 사이의 전환이 매끄럽게 이루어집니다. 그러나 라우터 페이지에서 커서가 바깥 쪽 div 안에 박스 안의 태그 밖으로 이동하면 드롭 다운이 사라집니다.
// outer tag
<div class="navbar-item has-dropdown is-hoverable">
// inner tag
<a class="navbar-link">More:</a>
</div>
스타일을 설정 = "높이 : 100 %"는 태그가
https://bulma.io/documentation/components/navbar/
코드에 오타가 있습니다. 인용 부호 대신에 호버 블 (heavable) 뒤에 콜론이 있습니다. –
올바른 예는 예제 코드의 오타였습니다. " – Dazzle
ok,이 버그를 재현하여 스 니펫을 추가 할 수 있습니까? 나는 스타일이나 무언가가 아니라 vue-router에 문제가 있다고 생각하지 않지만 좋은 답변을 제공 할 데이터가 너무 적습니다. navbar-dropdown의 'top'값을 사용합니다. –