No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. anhln8x
    A
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 4
    • Best 0
    • Groups 0

    anhln8x

    @anhln8x

    0
    Reputation
    65
    Profile views
    4
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    anhln8x Follow

    Latest posts made by anhln8x

    • RE: $root.$emit on Q-menu not possible

      @lucasfernog thanks

      posted in Help
      A
      anhln8x
    • $root.$emit on Q-menu not possible

      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!

      posted in Help
      A
      anhln8x
    • RE: platform.is response is undefined with Vue CLI 3

      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

      posted in Help
      A
      anhln8x
    • platform.is response is undefined with Vue CLI 3

      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

      posted in Help
      A
      anhln8x