Nested Router 질문입니다

[최재문]

children 안에 파라미터 쓸 때

요런식으로 코드를 작성하니까 잘 되더라구요
근데 문제는 /list/author/0 로 접속했을때,  list 컴포넌트와 Author 컴포넌트가 같이 보입니다.
저는 해당 경로에서 Author 컴포넌트만 보고싶은데 이 경우 어떻게 해야할까요??

[codingapple]

nested route는 접속했을 때 컴포넌트 안에 컴포넌트를 보여주기 위해서 쓰는 문법이라

컴포넌트들을 배타적으로 보여주고 싶으면 그냥 일반 route를 추가해주면 됩니다 

/list/author/0 접속시 Author.vue 보여주세요 이러면 될듯요 

[최재문]

감사합니다
그리고 추가질문이 있는데용
tab 만들기에서 버튼과 내용을 하드코딩하지 않고 반복문으로 

요런식으로 짜봤는데요
이과정에서 vue3부터는 v-for 과 v-if 를 같은 엘리먼트에서 쓰면 에러를 뿜거나 v-if가 우선적용된다는것도 처음 알았습니다..
아무튼
버튼을 클릭할 때 1. tabState를 초기화한다 2. 클릭한 버튼의 번호에 맞는 tabState 를 1로 바꿔준다. 라는 로직으로 짜봤는데
tabStateOriginal : [...tabState] 이부분에서  'tabState' is not defined 에러를 뿜네용?
초기값 세팅을 기존 tabState로 딥카피해서 기존 tabState만 수정하면 버튼,내용이 자동으로 늘어나는식으로 하려고 일부러 오리지널값도 딥카피를 했는데 뭐가문제일까요 30분째 고민중이에요 살려주세요

[최재문]

일단 이런식으로 임시방편으로 했는데
tabStateOriginal 을 tabState 초기값으로 카피하고싶은데 잘 안되네요 ㅠ
data() 에 저장하는 방식이 변수 선언하는거랑 달라서 딥카피가 안 되는거 같은데... 
살려주세요 ㅠㅠ

[codingapple]

<script> 안에서 데이터를 가져다 쓰려면 this.데이터이름 입니다 [...this.tabState]

항상 하나만 보여주는 탭이라면 그냥 array 말고 숫자하나로 저장해도되지않을까요

[최재문]

어레이 길이마다 버튼이랑 내용이 같이 생기는걸 만들고 싶은데 그냥 안되는건가보네요;;
그리고 [...this.tabState] 라고 하니까 undefined is not iterable 에러 뜨는데유..

[codingapple]

import 많은 곳 밑에다가

let 어쩌구 = [0,0,0]  변수만든 후에 

데이터란엔 tabState : [...어쩌구] ,

라고 쓰면 되는데 

tabStateOriginal이라는 데이터는 굳이 필요없어보이긴 합니다 

[최재문]

해결했습니다 감사합니다응기잇!!

[글쓴이]

글