[TIL] 2022.04.06 - 모르겠다

오늘은?

 

...

 

회고

<v-list-group
	v-model="item.active"
>

watch: {
	route: {
    	handler: function(route) {
        	로직...
        }
    }
}

내비게이터 리스트가 있고, 리스트 메뉴 중 하위 리스트를 가진 메뉴도 있다

 

하위 리스트가 열려 있는 상태에서, 다른 리스트 메뉴를 선택하면 자동으로 닫히는 기능인데...

 

boolean type의 active 속성을 바운딩하여 boolean 상태를 조절하기만 하는 쉬운 기능이다

 

되게야 물론 했다만...

 

boolean 값이 맞지 않는데 된다

 

왜지...? 

 

진짜 도무지 모르겠다

 

데이터에 active 속성을 하드 코딩하기 싫어서

 

map으로 돌릴려니 이젠 타입스크립트가 타입 맞추라고 시비를 건다

 

인터페이스로 배열 타입을 지정해 둔 후

 

선언해 둔 데이터를 인터페이스 타입으로 캐스팅하여 타입을 맞추고

 

map으로 데이터에 active 값을 부여하고 하드 코딩된 active 값을 지웠는데

 

안 된다

 

왜... why...?

 

바닥부터 console.log로 디버깅을 하는데 더 미궁에 빠진다

 

하루 종일 머리를 싸 매고 고민해도 모르겠다

 

누가 이기나 해 보자