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

Question

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

P粉222320176 · Answer

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

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

動作デモ:

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