[Vuetify] v-dialog eager

Vuetify에서 v-dialog을 사용하여 다이얼로그 창을 생성하여 보여줄때 

처음 한번에 한하여 데이터 바인딩이 제대로 되지 안을때가 있다.

 

이유는 v-dialog안에 컨텐츠가 mounted되었지만 렌더링 되지 않아서이다..

 

이것을 해결결하기 위해서는 v-dialog 옵션에 eager를 True로 설정하여주면 

마운트 된 컴포넌트 컨텐츠를 강제로 렌더링한다.

 

        <v-dialog v-model="dialog" persistent max-width="1000px" :eager="true">
            <notice-info :notice-info="NoticeInfo" :isEdit="isEdit" @close="closeModal" @updata="updateItem" @insert="insertItem"></notice-info>
        </v-dialog>