Close dialog on button click

Magiczne · Jan 19, 2024 · 0b0c6ec · 0b0c6ec
1 parent aece85c
commit 0b0c6ec
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/doc/dialog/BasicDoc.vue b/doc/dialog/BasicDoc.vue
@@ -16,8 +16,8 @@
                 <InputText id="Email" class="flex-auto" />
             </div>
             <div class="flex justify-content-end gap-2">
-                <Button type="button" label="Cancel" severity="secondary"></Button>
-                <Button type="button" label="Save"></Button>
+                <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
+                <Button type="button" label="Save" @click="visible = false"></Button>
             </div>
         </Dialog>
     </div>
@@ -44,8 +44,8 @@ export default {
         <InputText id="Email" class="flex-auto" />
     </div>
     <div class="flex justify-content-end gap-2">
-        <Button type="button" label="Cancel" severity="secondary"></Button>
-        <Button type="button" label="Save"></Button>
+        <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
+        <Button type="button" label="Save" @click="visible = false"></Button>
     </div>
 </Dialog>
 `,
@@ -64,8 +64,8 @@ export default {
                 <InputText id="Email" class="flex-auto" />
             </div>
             <div class="flex justify-content-end gap-2">
-                <Button type="button" label="Cancel" severity="secondary"></Button>
-                <Button type="button" label="Save"></Button>
+                <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
+                <Button type="button" label="Save" @click="visible = false"></Button>
             </div>
         </Dialog>
     </div>
@@ -96,8 +96,8 @@ export default {
                 <InputText id="Email" class="flex-auto" />
             </div>
             <div class="flex justify-content-end gap-2">
-                <Button type="button" label="Cancel" severity="secondary"></Button>
-                <Button type="button" label="Save"></Button>
+                <Button type="button" label="Cancel" severity="secondary" @click="visible = false"></Button>
+                <Button type="button" label="Save" @click="visible = false"></Button>
             </div>
         </Dialog>
     </div>