4

Se esta indexando el elemento assignment_ind y perm_identity, que son nombres de iconos en Material Design. ¿Cómo debería ser la estructura correcta para que no suceda esto? Gracias.

introducir la descripción de la imagen aquí

Codigo:

     <v-menu offset-y class="menu-navbar-settings" v-show="auth != false">
        <v-btn
          icon
          color="deep-orange darken-1"
          dark slot="activator"
          class=""
        >
          <v-icon class="pharol-icon">settings</v-icon>
        </v-btn>
        <v-list>
          <v-list-tile
            v-for="(item, index) in userOptions"
            :key="index"
            :to="item.path"
          >
            <v-list-tile-avatar>
              <v-icon :color="item.iconColor">{{ item.icon }}</v-icon>
            </v-list-tile-avatar>
            <v-list-tile-title>{{ item.title }}</v-list-tile-title>
          </v-list-tile>
          <v-list-tile
            @click="logout()"
          >
            <v-list-tile-avatar>
              <v-icon color="grey lighten-1">power_settings_new</v-icon>
            </v-list-tile-avatar>
            <v-list-tile-title>Cerrar sesión</v-list-tile-title>
          </v-list-tile>
        </v-list>
      </v-menu>

Arreglo:

userOptions: [
        { path: '/auth/profile', title: 'Perfil', icon: 'perm_identity', iconColor: 'grey lighten-1', },
        { path: '/auth/update', title: 'Modificar contraseña', icon: 'vpn_key', iconColor: 'grey lighten-1', },
      ],
3
  • Si colocas el código será mucho más probable que alguien te pueda ayudar el 19 jul. 2018 a las 15:41
  • Listo, muchas gracias el 20 jul. 2018 a las 12:56
  • ¿Has probado a ponerle un aria-hidden al icono? No sé si con eso se solucionaría el problema de Google, pero podría ser una opción (si no lo añade vue por defecto).
    – Alvaro Montoro
    el 20 jul. 2018 a las 13:38

1 respuesta 1

0

Prueba reemplazando el nombre por el código correspondiente.

<!-- assignment_ind -->
<i class="material-icons">&#xe85e;</i>

<!-- perm_identity -->
<i class="material-icons">&#xe8a6;</i>

Guía de códigos:

https://github.com/google/material-design-icons/blob/master/iconfont/codepoints

1
  • Muchas gracias, dejame intentarlo. el 23 jul. 2018 a las 14:03

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.