Bootstrap Vue를 사용하여 마우스 오버 시 선택 드롭다운을 여는 방법
P粉635509719
P粉635509719 2024-03-26 14:04:58
0
1
467

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

P粉635509719
P粉635509719

모든 응답(1)
P粉222320176

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

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

작업 데모:

으아악 으아악 으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿