我想在工具栏组件中居中显示标题.
这是我的组成部分:
<div>
<v-navigation-drawer dark app clipped temporary v-model="menu" class="teal white--text">
<v-list >
<v-list-tile
v-for="(item,index) in items" :key="index" @click="$router.push(item.path)" v-if="item.value">
<v-list-tile-action>
<v-icon>{{ item.icon }}</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>{{ item.label }}</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
</v-list>
</v-navigation-drawer>
<v-toolbar dense dark color="teal" class="pa-0">
<router-link to="/">
<v-btn class="mx-0" icon>
<i class="material-icons">home</i>
</v-btn>
</router-link>
<v-toolbar-title class="white--text">{{title}}</v-toolbar-title>
<v-layout align-center justify-end>
<v-toolbar-items>
<router-link to="/parametres">
<v-btn class="mx-0" icon>
<i class="material-icons">settings</i>
</v-btn>
</router-link>
<v-btn v-on:click="Logout()" class="mx-0" icon>
<i class="material-icons">exit_to_app</i>
</v-btn>
</v-toolbar-items>
</v-layout>
</v-toolbar>
</div>
我无法将其相对于工具栏正确居中.也许我应该使用flex属性?顺便说一句,我用的是Vuetify.material 设计的js.
如果你能帮助我,我将不胜感激.