【问题标题】:Vuetify - fixed v-toolbar-title within a v-navigation-drawer?Vuetify - 修复了 v-navigation-drawer 中的 v-toolbar-title?
【发布时间】:2019-02-25 00:36:56
【问题描述】:

是否可以在<v-navigation-drawer> 中拥有固定的<v-toolbar-title>?

<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-scroll 和 fixed 道具在浮动导航抽屉中不起作用。

代码笔:https://codepen.io/anon/pen/gdqjwX?editors=1000

【问题讨论】:

    标签: javascript css vue.js vuetify.js


    【解决方案1】:

    您可以使用前置插槽

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-10-08
      • 1970-01-01
      • 2019-01-09
      • 2020-04-16
      • 2020-10-08
      • 2019-06-30
      • 2021-06-30
      • 2022-01-21
      相关资源
      最近更新 更多