当我v-app-bar
的v-app
容器内部没有一个空的应用程序时,应用程序栏将占据页面的一半。
Page title
Hello Vue
我试过为dense
,,short
&添加选项,height
但它们似乎没有任何影响。
文档中有大量带有此确切的应用栏标记的代码示例,因此,我试图找出出了什么问题。
您需要添加app
属性,v-app-bar
如下所示:
app >
Page title
Hello Vue
这里的关键是App组件中的所有子元素必须指示它们是否应该使用应用布局
从Vuetify>组件>应用程序>默认标记:
只要您应用该
app
属性,就可以将布局元素放置在任何地方。
从Vuetify>组件>应用栏> API:
app
将组件指定为应用程序布局的一部分。用于动态调整内容大小。使用此道具的组件应位于组件外部v-content
才能正常运行。