Estoy tratando de llamar a una función cuando se cierra una v-alert Vuetify. Nada de lo que he visto en los documentos lo cubre. Como puede ver en el ejemplo de codepen , hay un atributo dismissible que se usa para agregar la capacidad de cerrar la alerta. Pero nada de lo que he intentado permite llamar a una función al mismo tiempo.
He probado varias formas regulares de Vuetify para lograr esto, como,
v-on:onclick="func()" , v-on:click="func()" , y simplemente @click="func()" , pero parece que no se puede llamar a una función desde una v-alert.
Tenga en cuenta que quiero mantener el atributo dismissible que elimina la alerta automáticamente cuando se hace clic en el icono de cerrar. No necesito llamar a una función para eliminar la alerta en sí, sino hacer otra cosa después de que se elimine la alerta.
Cualquier ayuda muy apreciada!
Puede usar @input en el elemento v-alert :
<v-alert @input="foo"> foo se llamará cuando se haga clic en [x].
Vuetify proporciona la ranura de close específicamente para este caso de uso. Desde la ranura, llama a cualquier método y el método de toggle con ámbito para cerrar la alerta.
<template v-slot:close="{ toggle }"> <v-btn @click="closeAlert(toggle)">Close</v-btn> </template> closeAlert(toggle){ toggle() console.log("alert closed") }Ver el codepen de trabajo