[JAVASCRIPT] 자식컴포넌트에서 부모로 사용시 뒤로가기
@욕심쟁이
·2021. 9. 30. 11:57
반응형
부모의 자식컴포넌트에서 뒤로가기 시 아래 코드를 사용하면 부모로 이동 가능
<html>
<!-- 여기는 부모 -->
<!-- 자식컴포넌트 -->
<AdServiceDetail v-if="serviceDetail" @goList="serviceDetail = false"/>
</html>
<script>
// vue는 mounted에 설정
// react는 useEffect(() => {
// console.log('마운트 될 때만 실행됩니다.');
// }, []);
let serviceDetail = false
//or serviceDetail : false
// vue는 mounted에 설정
window.addEventListener('popstate', (e)=>{
console.log("POPSTATE CHANGED")
if(this.serviceDetail){
this.serviceDetail = false;
this.$router.go(1)
}
})
</script>반응형
'IT > JavaScript' 카테고리의 다른 글
| [Javascript] 드래그 방지, 오른쪽 마우스 클릭 방지 (0) | 2021.06.07 |
|---|---|
| [JS] 함수선언2 (0) | 2020.07.20 |
| [JS] 함수선언2 return 사용 (0) | 2020.07.20 |
| [JS] 함수선언1 (0) | 2020.07.20 |
| [JS] 변수 선언 (0) | 2020.07.20 |
