Estoy usando un menú en V de Vuetify para mostrar una opción de país. Junto al título de v-chip hay un cheurón hacia abajo. Cuando hago clic en el chip para activar el menú, quiero que el cheurón cambie a un cheurón hacia arriba. Quiero alternar el ícono v cuando la ranura está activa. He probado varios sabores y podría jurar que obtuve este código de un proyecto en funcionamiento. Pero el icono nunca cambia.
<template v-slot:activator="{ on }"> <v-chip label v-on="on" class="mr-2"> US CANADA & CROSS BORDERS <v-icon right v-if="on">mdi-chevron-up</v-icon> <v-icon right v-else>mdi-chevron-down</v-icon> </v-chip> </template>Si el evento está activado, ¿cómo accedo a la propiedad isActive?
activator tiene otra propiedad llamada valor que es booleano:
<template v-slot:activator="{ on,value }"> <v-chip label v-on="on" class="mr-2"> US CANADA & CROSS BORDERS <v-icon right v-if="value">mdi-chevron-up</v-icon> <v-icon right v-else>mdi-chevron-down</v-icon> </v-chip> </template>