0
267
Visualizações¿Cómo eliminar localStorage después del tiempo de espera de un snackbar?
Estoy usando este Vuetify <v-snackbar , lo activé según los valores que almacené en localStorage.
/crear
Después de crear mi objeto
Ex.
localStorage.setItem('alert', true) localStorage.setItem('alertColor', 'green') localStorage.setItem('alertMessage', this.form.values.name + ' - created successfully!')Con estos códigos
<v-snackbar timeout="2000" v-model="alert" absolute top :color="alertColor" outlined right> <strong> {{ alertMessage }} </strong> </v-snackbar>/índice (lista)
Revisé localStorage y mostré un mensaje de alerta adecuado + color .
export default { data() { return { alert: localStorage.getItem('alert'), alertColor: localStorage.getItem('alertColor'), alertMessage: localStorage.getItem('alertMessage'), Después de timeout="2000" mi alerta se oculta, me gustaría eliminar mi almacenamiento local para que cuando actualice la página, no vuelva a ver la misma alerta.
localStorage.removeItem('alert') localStorage.removeItem('alertColor') localStorage.removeItem('alertMessage')
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
Puedes ver tu alert de datos reactivos. Cuando los datos de alert son falsos, puede borrar el almacenamiento local
export default { data(){ return { alert: false } }, watch:{ alert(newValue){ if(!newValue) clearLocalStorage() } }, methods:{ clearLocalStorage(){ localStorage.removeItem('alert') localStorage.removeItem('alertColor') localStorage.removeItem('alertMessage') } } }
·
Juan Pablo Isaza
Relatório
Responde à pergunta