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

    this.$refs.layout.hideCurrentSide() doesnt close my left side panel

    Help
    1
    1
    709
    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.
    • P
      peterPanParker last edited by

      This is my code:

      <template>
      <q-layout ref=“layout” reveal view=“hHh LpR fFf”>

      <q-toolbar slot=“header”>

        <q-btn flat round icon="menu" @click="$refs.layout.toggleLeft()">
        </q-btn>
      
        <q-toolbar-title>
          Isaac's Baby Store
        </q-toolbar-title>
      </q-toolbar>
      

      <div slot=“left”>
      xxx
      </div>

      <router-view></router-view>
      <q-toolbar slot=“footer”>
      <q-toolbar-title class=‘text-center’>
      Peter’s Corporation
      </q-toolbar-title>
      </q-toolbar>

      </q-layout>
      </template>

      <script>
      import { QLayout, QSideLink, QItemSide, QCollapsible, QItemMain, QToolbar, QToolbarTitle, QBtn } from ‘quasar’
      export default {
      data () {
      return {
      login: true
      }
      },
      components: {
      QLayout, QSideLink, QItemSide, QCollapsible, QItemMain, QToolbar, QToolbarTitle, QBtn
      },
      mounted: function () {
      // this.$refs.layout.toggleLeft()
      this.$refs.layout.hideCurrentSide()
      }
      }
      </script>

      <style>
      </style>

      if i use this.$refs.layout.toggleLeft() it works but this.$refs.layout.hideCurrentSide() does not.
      What am i doing wrong?

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