図のように、他の場所をクリックしてこのポップアップレイヤーを閉じるにはどうすればよいですか? jquery を使用すると非常に簡単に操作できますが、この機能を vue で実装するための
アイデアは何ですか?
给我你的怀抱2017-05-19 10:37:22
モーダルがポップアップしたら、モーダルの下にマスクレイヤーオーバーレイを書き込みます。CSSスタイルはposition: fixed; top: 0; right: 0; bottom: 0; left: 0;で、それにクリックイベントをバインドしてモーダルを閉じます
我想大声告诉你2017-05-19 10:37:22
クリック イベントをグローバルにバインドし、このポップアップ レイヤー上でクリック イベントがバブリングしないようにして、必要な効果を実現できます。
PHPz2017-05-19 10:37:22
jquery が導入されている場合は、jquery の書き込みメソッドを使用して現在のコンポーネントに書き込みます。それ以外の場合は、ネイティブ イベントを自分で書きます。
element.uiのポップオーバーコンポーネントの関連記述メソッドの63行目を参照してください。