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

    Use availabel methods of quasar-components

    Help
    1
    2
    1093
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • E
      Epo last edited by Epo

      How can i use the available methods for the different quasar-components?
      For example i have a modal in my own component, which i want to open when component is created:
      <template>

      <div id=“login-view” class=“layout-padding”>
      <q-modal ref=“maximizedModal” maximized :content-css="{padding: ‘50px’}">
      <h4>Maximized Modal</h4><p>This one is maximized on bigger screens too.</p>
      </q-modal>
      </div>
      </template>

      <script>
      import { QModal } from ‘quasar’

      export default {
      created () {
      this.$refs[‘maximizedModal’].open() // <-- How to achieve this??
      }
      }
      </script>

      1 Reply Last reply Reply Quote 0
      • E
        Epo last edited by

        ok - was a misunderstanding with vue js lifehooks.

        now i use mounted() and it work’s

        1 Reply Last reply Reply Quote 1
        • First post
          Last post