0
494
VistasDesactivar resaltado en q-item (Quasar Framework)
Cuando la URL actual es igual a la propiedad :to="something" , el elemento q se resalta en azul.
Pero quiero que q-item se mantenga en negro sin resaltar en azul aunque la URL actual sea igual a la propiedad :to="something" .
Este es mi código q-item (uso Quasar v2.0.4):
<q-item :to="{ name: 'home' }" > <q-item-section avatar> <q-icon name="home" size="md" /> </q-item-section> <q-item-section> Home </q-item-section> </q-item>¿Es posible deshabilitar el resaltado en q-item?
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Puede usar active-class="remove-active" :
<q-item active-class="remove-active" // Here :to="{ name: 'home' }" > <q-item-section avatar> <q-icon name="home" size="md" /> </q-item-section> <q-item-section> Home </q-item-section> </q-item>
·
Juan Pablo Isaza
Denunciar
0
Puede usar active-class="q-item-no-link-highlighting" para hacer q-item inactivo manteniendo el negro:
<q-item active-class="q-item-no-link-highlighting" // Here :to="{ name: 'home' }" > <q-item-section avatar> <q-icon name="home" size="md" /> </q-item-section> <q-item-section> Home </q-item-section> </q-item>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta