Vuetify - 更改默认导航抽屉宽度
Vuetify - Changing default navigation-drawer width
显然 Vuetify 将 300px 作为导航抽屉的默认宽度。
即使我将初始宽度更改为不同
<v-navigation-drawer id="add-expense-menu" ... style="width: 325px">
用于隐藏抽屉的变换仍然是 300px，所以它的一部分伸出来了。
有没有办法改变这个组件的默认宽度？
不要使用内联设置样式 CSS。相反，使用 props made available to the component，并将您想要的宽度绑定到它，即：
<v-navigation-drawer v-bind:width="325">
如果您熟悉速记，使用 :width="325" 即可，即
<v-navigation-drawer :width="325">
从最新版本的 vuetify 开始，您可以将宽度作为道具直接传递给 v-navigation-drawer。
幸运的是，这也允许使用百分比：
<v-navigation-drawer width="325"> //pixels
<v-navigation-drawer width="25%"> //percentage
显然 Vuetify 将 300px 作为导航抽屉的默认宽度。
即使我将初始宽度更改为不同
<v-navigation-drawer id="add-expense-menu" ... style="width: 325px">
用于隐藏抽屉的变换仍然是 300px，所以它的一部分伸出来了。
有没有办法改变这个组件的默认宽度？
不要使用内联设置样式 CSS。相反，使用 props made available to the component，并将您想要的宽度绑定到它，即：
<v-navigation-drawer v-bind:width="325">
如果您熟悉速记，使用 :width="325" 即可，即
<v-navigation-drawer :width="325">
从最新版本的 vuetify 开始，您可以将宽度作为道具直接传递给 v-navigation-drawer。 幸运的是，这也允许使用百分比：
<v-navigation-drawer width="325"> //pixels
<v-navigation-drawer width="25%"> //percentage