javascript - vue.js에서 페이지의 모달 상자 구성 요소를 열 때 이전 페이지로 돌아가는 대신 Return 키를 눌러 모달 상자를 사라지게 하는 방법은 무엇입니까?

Question

제목에 나와 있듯이 vue.js에서 페이지의 모달 상자 구성 요소를 열 때 이전 페이지로 돌아가는 대신 모달 상자를 사라지게 하려면 어떻게 Return 키(Android 반환 키 또는 브라우저 반환 키)를 누를 수 있습니까? ?
ps. 모달 상자가 열릴 때 window.history에 기록 레코드를 추가해 볼 수 있나요? 가능하다면 달성하는 방법

Answer 1

H5 페이지를 직접 조작할 수 없습니다

Answer 2

사용자가 Return 키를 누르는 시점을 모니터링할 수 있는 방법이 있다면 모달 상자가 표시될 때 Return 키의 기본 이벤트를 비활성화하고 대신 모달 상자를 닫습니다.

기록 기록을 사용하려면 해시 값을 변경해 보세요

Answer 3

vue-router를 사용하는 경우 기본 라우팅 보기 아래에 다른 모달 라우팅 보기를 배치한 다음 라우팅 구성 파일의 모달 라우팅을 기본 라우팅 보기의 하위 경로로 구성할 수 있습니다. 예를 들면 다음과 같습니다.

으아아아

이 경우 모달 컴포넌트가 필요할 때 모달 컴포넌트의 라우팅 경로를 router.push하면 됩니다