Close drawer from deep component in V1



  • I have one side drawer in my app and want to close it when the user click in one of the elements inside the components in the drawer.

    I found this solution but us not working on V1

    I try with events with no luck but Im sure there will be a simple solution for this scenario.

    Thanks for the help 🙂



  • Hi,

    @currycode I would say that using v-model of the drawer and click event for elements inside it, it should do the work. You have some closely related examples in the docs

     <q-drawer
            v-model="showDrawer"
          >
            <q-scroll-area class="fit">
              <q-list>
                <q-item clickable v-ripple @click="showDrawer = !showDrawer">
                  <q-item-section avatar>
                    <q-icon name="inbox" />
                  </q-item-section>
               </q-item>
    (...)
            </q-list>
        </q-scroll-area>
     </q-drawer>
    


  • Hi @Coude, thanks for your response.

    I can make it working in that way you propose as the component where the close action come from is very deep.
    Finally i do it using vuex with a similar approach to this one.

    Thanks!


Log in to reply