Load website with v-navigation-drawer closed
There is a way. You could simply use the drawer
prop like drawer="false"
to diable it. But of course you need then a way to activate it. See the code below.
<template>
<v-app>
<v-navigation-drawer v-model="drawer" fixed app >
...
</v-navigation-drawer>
<v-toolbar fixed app :clipped-left="clipped" dark color="primary">
<v-toolbar-side-icon @click="drawer = !drawer"></v-toolbar-side-icon>
</v-toolbar>
</v-app>
</template>
<script>
export default {
data () {
return {
drawer: false
}
}
}
</script>
Another way is to add the stateless
property. Combine it with the hide-overlay
property so you can still use the drawer on mobile.
I think you need mobile-break-point property:
mobile-break-point="10240"