inflearn logo
강의

Course

Instructor

Vue.js Complete Guide - Learning Practical Concepts Through Hands-on Practice and Refactoring

newsview나 askview에서 사용자를 눌렀을때

239

career87

6 asked

1

사용자를 눌러서 사용자 상세페이지로 갈때 마다 사용자의 데이터값이 바뀌는데..

기존에 있던 사용자가 먼저보여졌다가 다른 사용자로 변경되는건...어쩔수 없는건가요??

vuejs javascript

Answer 3

1

career87

beforeDestroy(){

    this.$store.state.itemList = {};

}

이런식으로 컴포넌트가 제거될때 데이터값을 초기화하고싶을때는 저런식으로 하면될까요?

아니면 다른 좋은방법이 있을까요?

1

captain

안녕하세요 career87님, 좋은 질문이네요 :) 2가지 해결 책이 있을 것 같아요.

1. 사용자 상세 페이지의 컴포넌트 라이프 사이클 훅 'beforeDestroy'에서 해당 데이터 값 초기화

2. 라우터 네비게이션 가드를 이용해 데이터를 받아왔을 때만 해당 페이지로 진입

한번 적용해보시고 궁금하신 거 있으면 알려주세요 :)

0

captain

아 컴포넌트에서 스토어의 state를 변경하실 때는 반드시 mutations로 접근하셔야 합니다. 저렇게 하면 뷰엑스의 strict 옵션을 넣었을 때 콘솔에 에러가 발생할거에요 :)

결론적으로 아래와 같은 코드로 초기화 하는게 좋을 것 같습니다.

beforeDestroy() {
  this.$store.commit('initItemList');
}

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

161

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

208

1

ide 타입추론 기능 사용할 수 없을까요??

0

207

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

228

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

318

2

깃허브 권한 요청드립니다.

1

358

2

권한요청드립니다.

1

299

2

Vue3에서 구글 애드센스 탑재하기

1

437

2

코드가 정상 작동 되는건지 ...

1

303

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

243

1

vuex 적용시 질문

1

288

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

385

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

455

2

권한요청 드립니다!

1

275

2