fix(vue): do not hide page content when using ion-page in non-routing contexts (#22302)

resolves #22300
This commit is contained in:
Liam DeBeasi
2020-10-13 10:29:37 -04:00
committed by GitHub
parent 6026c65b1a
commit fff82d0bdc
3 changed files with 22 additions and 14 deletions

View File

@ -1,19 +1,22 @@
<template>
<ion-header>
<ion-toolbar>
<ion-buttons>
<ion-button @click="dismiss">Dismiss</ion-button>
</ion-buttons>
<ion-title>Modal</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
{{ title }}
</ion-content>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-buttons>
<ion-button @click="dismiss">Dismiss</ion-button>
</ion-buttons>
<ion-title>Modal</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
{{ title }}
</ion-content>
</ion-page>
</template>
<script lang="ts">
import {
IonPage,
IonButton,
IonButtons,
IonContent,
@ -30,6 +33,7 @@ export default defineComponent({
title: { type: String, default: 'Default Title' }
},
components: {
IonPage,
IonButton,
IonButtons,
IonContent,