뒤로가기 제어하는 방법

안녕하세요. 본강의와 상관없는 글을 올리게 되서 죄송합니다,
아직 실무편은 목차만보고
중급까지 Vue를 수강하고있는 초보 개발자 입니다.

현재 Vue로 앱웹을 만들고 있는데,

뒤로가기 버튼을 제어하는데 애를 먹고 있어
도움을 얻고자 문의글 적습니다ㅠㅠ

현 페이지에서 Url변경없이 FullPopup창을 띄우는 과정에서

뒤로가기 버튼 클릭시 ㅠㅠ modal이 닫히는 형태를 구현하려고 하는데 어떻게 하는게 좋을까요

<div v-if="isOpenModal">
  <component :is="modalGbn" v-bind:selectmodal="modalObj" v-on:popupdata="modalData">
    <div class="modal-header" slot="header">
      <h3>{{ modalTitle }}</h3>
    </div>
    <p slot="body" v-html="modalContent"></p>
    <button slot="moveBtn1" @click="modalData" class="btn modal-default-button">확인</button>
  </component>
</div>

오픈하는 모달창이 복수개라 위와같이 구현했는데

뒤로가기버튼으로 모달만 닫고싶습니다ㅠㅠ