JavaScript - Vueプロジェクトで事前クエリ表示ボックスを非表示にする方法
为情所困
为情所困 2017-06-26 10:52:22
0
4
817

Vue プロジェクトで、それ自体以外の任意の場所をクリックして、コンポーネント内の事前にクエリされたリストを非表示にするにはどうすればよいですか?


コードは次のとおりです:
1. データ バインディング:

2. イベント バインディング:



3. 一部の生徒は、入力ボックスがフォーカスを失うイベントに設定されているが、リストに表示されるリストは、図は ,, クリックしてリスト内の値を選択したい場合、入力は最初にフォーカスを失い、リストの値を選択できないように見えます。,,
4. 通りすがりの学生の皆さん、見て###

为情所困
为情所困

全員に返信(4)
女神的闺蜜爱上我

私のプロジェクト

リーリー

このコンポーネント内にない領域をクリックしてポップアップボックスを閉じることを意味します。もちろん、this.$elを判断するためのrefに変更することもできます

いいねを押す +0
世界只因有你

リーリー

いいねを押す +0
世界只因有你

よく考えてみると、焦点が合っていないは、まだ比較的理想的なイベントだと思います。
あなたが言ったことについて
選択したリスト内の値をクリックしたい場合、入力は最初にフォーカスを失い、リストの値は選択されません、、、、想要点击选中列表的值,会是的input先失去焦点,,会照成无法选中列表值的情况发生,,,
在绑定的 focusout境界内focusout イベントに追加します

リーリー

これで問題は解決するはずです。

いいねを押す +0
女神的闺蜜爱上我

まあ、あの人の言っていることは私と同じです

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!