Bootstrap Vue を使用してホバー時に選択ドロップダウンを開く方法
P粉635509719
P粉635509719 2024-03-26 14:04:58
0
1
487

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

P粉635509719
P粉635509719

全員に返信(1)
P粉222320176

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

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

動作デモ:

リーリー リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート