Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 230107

Unrelated view is mounted

$
0
0

Yes, both components have IonPage component, here’s what they look like:

  <ion-page>
    <ion-header :translucent="true" class="ion-no-border">
      <ion-toolbar>
        <ion-buttons slot="start">
          <ion-back-button default-href="/dashboard"></ion-back-button>
        </ion-buttons>
        <ion-title>Account</ion-title>
      </ion-toolbar>
      <ion-progress-bar v-if="status !== 'ready'" type="indeterminate"></ion-progress-bar>
    </ion-header>
    <ion-content>
      <!-- my content here -->
    </ion-content>
  </ion-page>
</template>

<script>
import { /* whole bunch of imports */ } from "@ionic/vue";
import { computed, onMounted, ref, inject } from "vue";
import { useRouter, useRoute } from "vue-router";
import { auth, db } from "@/main";
import { useMainStore } from "@/stores/main";
import { until } from '@vueuse/core'

export default {
  name: "Account",
  components: { /* ... */ },
  setup() {
    const mainStore = useMainStore();
    const router = useRouter();
    
    onMounted(async () => {
      console.log('Account mounted');
      try {
        await until(account).toBeTruthy({ timeout: 5000, throwOnTimeout: true })
        return await fetchJournals();
      } catch(e) {
        console.error(e);
      } 
    });

    return { /* ... */ };
  },
};
</script>```

Viewing all articles
Browse latest Browse all 230107

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>