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