Vuetify-在v-navigation-drawer中固定了v-toolbar-title?

时间:2018-09-20 16:32:46

标签: javascript css vue.js vuetify.js

是否可以在<v-toolbar-title>中使用固定的<v-navigation-drawer>

<v-card class="d-inline-block elevation-12">
    <v-navigation-drawer hide-overlay permanent stateless height="440" value="true">
        <v-toolbar color="white" flat>
           <v-toolbar-title>Name</v-toolbar-title>

我的目标是能够在抽屉中滚动,但工具栏仍位于顶部,但是inverted-scrollfixed道具在浮动导航抽屉中不起作用。

CodePen:https://codepen.io/anon/pen/gdqjwX?editors=1000

1 个答案:

答案 0 :(得分:0)

您可以使用前置槽

<v-navigation-drawer>
    <template v-slot:prepend>
        your title
    </template>
    
    <template v-slot:append>
        your footer
    </template>
</v-navigation-drawer>