일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- Kotlin
- 도커
- Winform
- mybatis
- VOA
- 마이바티스
- 스프링부트
- Python
- design pattern
- git
- docker
- c#
- github
- kubernetes
- Java
- 스프링
- 코틀린
- AWS
- 파이썬
- Spring
- react
- springboot
- machine-learning
- MySQL
- DataGridView
- 자바
- 리액트
- 쿠버네티스
- 리팩토링
- Spring Boot
Archives
- Today
- Total
보뇨 다이어리
Vue 일부분 컴포넌트만 업데이트 본문
반응형
지금까지 무식하게 아래와 같이 컴포넌트를 업데이트했었다.
이건 돔을 직접적으로 조작하는것이다보니 모두 지양해야한다고하지만 좀더 다른방법이 없을까 찾아볼생각도 안했었다..ㅠ
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 |
---|