Form/Validation bugfix: dismiss cache problem (correct solution)

This commit is contained in:
cgfhtw
2024-02-07 09:19:19 +01:00
parent a2c5ebb291
commit 2f79ae1ece
+3 -4
View File
@@ -1,5 +1,3 @@
var i = 0;
export default {
inject: [
'$registerToForm'
@@ -24,7 +22,8 @@ export default {
feedback = [];
if (!Array.isArray(feedback))
feedback = [feedback];
this.feedback[valid ? 'success' : 'danger'] = feedback;
const ts = Date.now();
this.feedback[valid ? 'success' : 'danger'] = feedback.map(msg => [msg, ts]);
}
},
mounted() {
@@ -33,7 +32,7 @@ export default {
},
template: `
<template v-for="(arr, key) in feedback" :key="key">
<div v-for="msg in arr" :key="i++" class="alert alert-dismissible fade show" :class="'alert-' + key" role="alert">
<div v-for="[msg, ts] in arr" :key="ts + msg" class="alert alert-dismissible fade show" :class="'alert-' + key" role="alert">
{{msg}}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>