nafeeur10
180
7
Vue

v-menu is not working

Posted 4 weeks ago by nafeeur10

I want to put a Dropdown menu in Toolbar in Vuetify. But v-menu is not working. List is always showing. Click event is not working on that.

https://ibb.co/TKd0PP2 See this image.

Please see my code

<v-toolbar app fixed height="80px" color="teal lighten-4" clipped-left >

    <v-toolbar-items class="hidden-sm-and-down">

<v-menu offset-y>
 
    <v-btn
      color="green"
      slot="activator"
    >
    <v-icon>expand_more</v-icon>
      <span>Dropdown</span>
    </v-btn>

    <v-list>
      <v-list-tile
        v-for="(i, index) in menuDropDown" 
        :key="index"
      >
      <v-list-tile-title>{{ i.title}}</v-list-tile-title>
      </v-list-tile>
    </v-list>
</v-menu>

  </v-toolbar-items>
</v-toolbar>

Please sign in or create an account to participate in this conversation.