@lucasfernog thanks

Hi all,

I’m use Global Event Bus:

<template>
  <q-layout view="hHh LpR fFf">
              <q-menu v-if="menu.id===item.id" v-model="menu.visible">
                <keep-alive>
                  <component v-if="menu.id" :is="menu.com"/>
                </keep-alive>
              </q-menu>
  </q-layout>
</template>
<script>
  created: function () {
    this.$root.$on('play', this.play)
  },
  beforeDestroy: function () {
    this.$root.$off('play', this.play)
  }
</script>

i emit event in q-menu but event not possible

<template>
  <q-list class="q-trading-layout non-selectable">
    <q-item v-for="(item, index) in xyz" :key="index" @click.prevent="play('click')" clickable v-ripple>
      <q-item-section avatar>
        <q-icon :name="`img:${item.icon}`" />
      </q-item-section>
      <q-item-section>{{item.label}}</q-item-section>
    </q-item>
  </q-list>
</template>
<script>

export default {
  name: ''
  methods: {
    play (param) {
      console.log('test')
     this.$root.$emit('play', param)
    }
  }
}
</script>

Can you check my problem? Thankyou!

Hi Scott,

I would like to mention a problem, when using Vue CLI 3 to build project with quasar framework. Can not retrieve this $ q.platform.is in .js files. Is there a difference between Quasar CLI and Vue CLI.

Thanks

Hello,
I use Vue CLI 3 plugin and platform.is in state.js file, but it response is undefined.

export default {
preferences: {
platform: Platform.is, // this.$q.platform.is.desktop
fullScreen: AppFullscreen.isActive // this.$q.fullscreen.isActive
}
}

It will not fail when I use it in .vue file (this.$q.platform.is.desktop)

export default {
    name: 'Home',
    data() {
        return {
            leftDrawerOpen: this.$q.platform.is.desktop
        }
    },
    methods: {
        openURL
    }
}

I’m using:
–Vue version 3.0.5
–Quasar-framework version 0.17.17

Similarly create a template with Quasar CLI everything is normal no errors.

Please give me information to solve this problem. Thanks