0👍
There is a component inside vuetify that’s do what you want. its name is v-navigation-drawer
.
here is a demonstartion code:
<v-navigation-drawer
v-model="drawer"
app
>
<v-list dense>
<v-list-item v-for="item in items" :key="item.title">
<v-list-item-content>
<v-list-item-title>
{{ item.title }}
</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list>
and options here:
export default {
data () {
return {
drawer: false,
items: [
{ title: 'Home' },
{ title: 'About' },
{ title: 'Contact' }
]
}
}
}
hope this helps.
- [Vuejs]-Is there a way to create a "rounded" vuetify outlined text-field in vuetify@3 with vite setup?
- [Vuejs]-Best practices deploying Vue 3 application in Laravel website
Source:stackexchange.com