Bootstrap Vue를 사용하여 마우스 오버 시 선택 드롭다운을 여는 방법

Question

마우스 오버 시 옵션 드롭다운 목록을 표시하고 <select> 或 <b-form-select>를 실행하는 방법이 필요합니다. JQuery나 Vue.js 이외의 외부 플러그인을 사용하지 마세요.

Answer 1

내가 이해한 바에 따르면, 당신은 mouseover 和 mouseleave 事件上显示/隐藏 <b-form-select>에서 이것을 하고 싶어합니다. 그렇다면 몇 가지 제안 사항이 있습니다 :

• div를 래퍼로 사용하면 mouseover 和 mouseleave 事件。我们可以通过在其自身附加 native 마우스 이벤트가 직접 트리거되지만 일단 숨겨지면 마우스 오버 시 드롭다운을 다시 복원할 방법이 없습니다.
• v-show 명령을 통해 드롭다운을 표시하거나 숨길 수 있습니다. 마우스 이벤트를 통해 쉽게 값을 설정할 수 있습니다.

작업 데모:

으아악 으아악 으아악