Index.vue

Index.vue

<template>
  <q-page class="flex flex-center">
    <div>
      <q-btn @click="log" label="Log Stuff"></q-btn>
    </div>
  </q-page>
</template>

<script>
export default {
  name: 'PageIndex',
  data () {
    return {
      PageTitle: 'Page 2'
    }
  },
  methods: {
    log () {
      if (this.$axios) {
        const q = this.$q
        this.$axios.get('/test', {
          q,
          validateStatus (status) {
            if (status === 404) {
              q.notify({
                color: 'negative',
                position: 'top',
                message: 'This Page is not available',
                icon: 'report_problem'
              })
            }
          }
        })
      }
      console.log('The Quasar object: ', this.$q)
      console.log('The Quasar i18n object: ', this.$q.i18n)
      console.log('The Root Vue instance: ', this.$root)
      console.log('The Env Object: ', process.env)
    }
  },
  meta () {
    return {
      pageTitle: this.pageTitle
    }
  },
  created: function () {
    console.log(this.title, this.pageTitle)
    this.title = this.title + ' - ' + this.pageTitle
  }
}
</script>

<style>
</style>