니르바나
2k
2020-01-16 14:42:30
1
537

DaumPostCode vuejs에서 써보신분 계실까요? 컴포넌트 초기화를 어떻게하나요?


https://github.com/mango-tree/vuejs-daum-postcode

vuejs 컴포넌트는 위 사이트에서 볼 수 있구요.


해당 컴포넌트는 재실행시 초기화 된 상태로 불러오고 싶습니다..


예를들면

1. 고객이 주소검색을 위해서 인풋 박스를 클릭한다.

2. 다이알로그에 주소검색창이 뜨고 주소 검색 후 주소를 클릭하면 인풋박스가 채워지는 로직을 구성했어요.

<여기서 주소를 잘못 입력한 경우 재검색을 위해서 인풋박스를 다시 클릭할건데, 그럼 사용자 관점에선

주소검색창이 초기화된 처음상태로 나와야 될것 같습니다. 근데 vue component가 초기화 되지 않은 상태로 있습니다.. 강제로 destroy를 해줘야되는건가요??


보통 어떻게 구현하는지 궁금해서 여쭤봅니다..

0
  • 답변 1

  • 니르바나
    2k
    2020-01-17 21:13:38

    해결했습니다.

    https://michaelnthiessen.com/force-re-render/

    Key값 조건에 맞으면 다시렌더링하게끔 했어요

  • 로그인을 하시면 답변을 등록할 수 있습니다.