Nebucatnetzer
/
vuejs_course
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

lesson 135: move the teleport tag to the BaseDialog

This commit is contained in:
Andreas Zweili 2021-02-08 20:22:22 +01:00
parent cf78b35666
commit 8c310f17c2
2 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
2021-02-08 prj-cmp-01-starting-setup/src/components/UI/BaseDialog.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<teleport to="body">
<div @click="$emit('close')"></div> <div @click="$emit('close')"></div>
<dialog open> <dialog open>
<header> <header>
@ -13,6 +14,7 @@
</slot></menu </slot></menu
> >
</dialog> </dialog>
</teleport>
</template> </template>
<script> <script>
export default { export default {

2
2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue
View File

@ -23,7 +23,6 @@
</div> </div>
</form> </form>
</base-card> </base-card>
<teleport to="body">
<base-dialog <base-dialog
v-if="inputIsInvalid" v-if="inputIsInvalid"
title="Input may not be empty" title="Input may not be empty"
@ -37,7 +36,6 @@
<base-button @click="resetErrorDialog">Ok</base-button> <base-button @click="resetErrorDialog">Ok</base-button>
</template> </template>
</base-dialog> </base-dialog>
</teleport>
</template> </template>
<script> <script>