web-dev-qa-db-fra.com

Changer l'icône utilisée par v-toolbar-side-icon?

Est-il possible de changer l'icône utilisée par v-toolbar-side-icon à un personnalisé?

<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>

Il n'y a pas d'accessoires ou de documentation pour ce composant lui-même dans https://next.vuetifyjs.com/en/components/toolbars

vuetify.js
7
Archimedes Trajano

Codepen

Utilisez v-icon Personnalisé dans l'emplacement par défaut de v-toolbar-side-icon

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

.

.

.

META:

Cette réponse a reçu un vote négatif et aucune explication de suivi. Donc, si cela ne fonctionne pas pour quelqu'un (dans une version récente par exemple), ou n'est pas assez clair, veuillez commenter ci-dessous.

13
Traxo

<v-toolbar-side-icon> a été déconseillé dans Vuetify 2.

1
Neal Mummau