Vuetify 2：如何調整 v-navigation-drawer 以不改變 v-content 的位置

Question

我認為試圖描述它會讓人感到困惑，所以從圖像來看，我認為問題會更加清晰......

按照鏈接我的 Codepen

如果我在v-navigation-drawer使用app ，它接近我想要的，但我不希望v-navigation-drawer占據整個邊，重疊主欄（ v-app-bar ）。 我希望你只占據一邊，但“不”與主欄（ v-app-bar ）重疊，但大多數情況下，不要將v-content “扔”到屏幕底部

<v-navigation-drawer v-model="drawer">

<v-navigation-drawer v-model="drawer" app>

Answer 1

刪除<header> <v-navigation-drawer>周圍的<header>標簽，並使用!important簡單地覆蓋 vuetify css

這是一個工作示例： Live Demo