보뇨 다이어리

Vue 일부분 컴포넌트만 업데이트 본문

프론트엔드/Vue 정보

Vue 일부분 컴포넌트만 업데이트

보뇨 2021. 3. 10. 21:52
반응형

지금까지 무식하게 아래와 같이 컴포넌트를 업데이트했었다.
이건 돔을 직접적으로 조작하는것이다보니 모두 지양해야한다고하지만 좀더 다른방법이 없을까 찾아볼생각도 안했었다..ㅠ

this.$forceUpdate();

방법은 간단한데 업데이트되어야하는 컴포넌트의 :key 키값을 설정해주고 예를들어 updateHistoriesComponent 값을 업데이트시켜주는것이다.
즉 어떤 버튼이나 액션을 취했을때 this.updateHistoriesComponent++; 라던지 넣어주면된다!

<div class="histories" :key="updateHistoriesComponent">

</div>

출처

https://stackoverflow.com/questions/46211297/how-can-i-reload-a-vue-component

반응형

'프론트엔드 > Vue 정보' 카테고리의 다른 글

vue router 를 통해 별도의 데이터 전달하기  (0) 2020.08.17