javascript - vue.js で、ページ上のモーダル ボックス コンポーネントを開くときに、リターン キーを押して前のページに戻らずにモーダル ボックスを消すにはどうすればよいですか?

Question

タイトルのとおり、vue.js でページ上のモーダル ボックス コンポーネントを開くときに、リターン キー (Android のリターン キーまたはブラウザのリターン キー) を押すと、モーダル ボックスが元に戻らずに消えるようにするにはどうすればよいですか?前のページ？
ps. モーダル ボックスを開いたときに、履歴レコードを window.history に追加してみていただけますか?可能であれば、実装方法を教えてください。

Answer 1

H5ページは直接操作できません

Answer 2

ユーザーがリターンキーを押したタイミングを監視する方法がある場合は、モーダルボックスが表示されているときにリターンキーのデフォルトイベントを無効にし、代わりにモーダルボックスを閉じます。

履歴記録を使用したい場合は、ハッシュ値を変更してみてください

Answer 3

vue-router を使用する場合は、メイン ルーティング ビューの下に別のモーダル ルーティング ビューを配置し、ルーティング構成ファイルでモーダル ルーティングをメイン ルーティング ビューのサブルートとして構成できます。たとえば、次のようになります。 リーリー

この場合、モーダルコンポーネントが必要な場合は、モーダルコンポーネントのルーティングパスをrouter.pushするだけです