Close drawer from deep component in V1

[currycode]

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

[Coude]

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>

[currycode]

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!