Bootstrap Vue を使用してホバー時に選択ドロップダウンを開く方法

Question

<select> または <b-form-select> をトリガーして、マウスオーバー時にオプションのドロップダウン リストを表示する方法が必要です。 JQuery や Vue.js 以外の外部プラグインは使用しません。

Answer 1

私の理解では、mouseover および mouseleave イベントで <b-form-select> を表示/非表示にしたいのですね。もしそうなら、いくつか提案があります:

• div をラッパーとして使用すると、mouseover および mouseleave イベントがトリガーされます。 native をそれ自体に追加することでマウス イベントを直接発生させることができますが、一度非表示にすると、マウスオーバー時にドロップダウンを再度復元する方法はありません。
• v-show ディレクティブを使用して、ドロップダウン リストの表示/非表示を簡単に切り替えることができます。マウスイベントを介して値を簡単に設定できます。

動作デモ:

リーリー リーリー リーリー