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

时间:2018-05-09 16:40:15

标签: html vuetify.js

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

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

init.py

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

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

1 个答案:

答案 0 :(得分:6)

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

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

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

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