Question

是否可以将v-toolbar-side-icon中使用的图标更改为自定义图标？

<template>
  <v-toolbar>
    <v-toolbar-side-icon></v-toolbar-side-icon>
    <v-toolbar-title>Title</v-toolbar-title>
    <v-spacer></v-spacer>
    <v-toolbar-items class="hidden-sm-and-down">
      <v-btn flat>Link One</v-btn>
      <v-btn flat>Link Two</v-btn>
      <v-btn flat>Link Three</v-btn>
    </v-toolbar-items>
  </v-toolbar>
</template>

https://next.vuetifyjs.com/en/components/toolbars

中没有该组件本身的道具或文档

Answer 1

Codepen

在v-icon的默认位置使用自定义v-toolbar-side-icon

<v-toolbar-side-icon>
  <v-icon>more_vert</v-icon>
</v-toolbar-side-icon>

。

META：

此答案收到不赞成票，没有后续跟进解释。因此，如果这不适用于某人（例如，在某些最新版本中），或者不够清晰，请在下面评论。

Answer 2

<v-toolbar-side-icon>在Vuetify 2.0中已弃用

Answer 3

目前，您可以通过执行以下操作更改它：

<v-app-bar-nav-icon>
          <v-icon>mdi-database</v-icon>
        </v-app-bar-nav-icon>

<v-icon>mdi-database</v-icon>是我要显示的图标，而不是默认图标。

结果必须是： Change vuetify app-bar-nav-icon

希望它可以为您提供帮助。

Answer 4

对于使用mdi的用户，图标为

<v-icon>mdi-menu</v-icon>

干杯〜

更改v-toolbar-side-icon使用的图标？

4 个答案: