diff options
Diffstat (limited to 'day9/task5_vue/src/App.vue')
| -rw-r--r-- | day9/task5_vue/src/App.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/day9/task5_vue/src/App.vue b/day9/task5_vue/src/App.vue index 42ba3b1..9322db3 100644 --- a/day9/task5_vue/src/App.vue +++ b/day9/task5_vue/src/App.vue @@ -7,12 +7,12 @@ @show-popup="showPopup($event)" v-if="isFormShown" /> - <Table v-bind:table-data="tableData" @show-form="showForm('update', $event)"/> + <Table v-bind:table-data="tableData" @show-form="showForm('update', $event)" @show-popup="showPopup($event)"/> <UploadFileButton v-if="!isFormShown"/> <AddNewEntryButton v-if="!isFormShown" @show-form="showForm('create', $event)"/> <transition name="fade"> - <PopupMessage v-if="isPopupShown" v-bind:message="popupMessage"/> + <PopupMessage v-if="isPopupShown" v-bind:data="popupData"/> </transition> </div> </template> @@ -39,7 +39,7 @@ isFormShown: false, isPopupShown: false, - popupMessage: '', + popupData: null, } }, @@ -61,14 +61,14 @@ }) }, - showPopup(message) { + showPopup(data) { if (!this.isPopupShown) { this.isPopupShown = true; - this.popupMessage = message; + this.popupData = data; setTimeout(() => { this.isPopupShown = false; - this.popupMessage = ''; + this.popupData = null; }, 2000) } }, |