[Vuejs]-Vueutify Navigation Drawer – Change Background Image

5👍

Vuetify v1

Codepen

src property does not exist in v1 Navigation drawer
docs
, so probably the way to go is just put v-img with 100% height inside the drawer:

<v-navigation-drawer>
  <v-img
    src="https://cdn.vuetifyjs.com/images/backgrounds/bg-2.jpg"  
    height="100%"
  >

Vuetify v2

Codepen

In Vuetify v2 Navigation drawer
docs
it has src property, so it works like so:

<v-navigation-drawer src="https://cdn.vuetifyjs.com/images/backgrounds/bg-2.jpg">
👤Traxo

Leave a comment