Vuetify - 更改默认导航抽屉宽度

Question

显然，Vuetify的导航抽屉的默认宽度为300px。

即使我将初始宽度更改为不同

init.py

用于隐藏抽屉的变换仍然是300px，所以它的一部分突出。

有没有办法更改此组件的默认宽度？

Answer 1

不要使用内联CSS设置样式。相反，使用props made available to the component，并将所需的宽度绑定到它，即：

<v-navigation-drawer v-bind:width="325">

如果您熟悉短号，请使用:width="325"，即

<v-navigation-drawer :width="325">