javascript / intermediate
Snippet
Benutzerdefinierte Prop-Validierung für komplexe Typen
Standard-Typprüfungen sind oft unzureichend. Benutzerdefinierte Validatoren bieten eine Möglichkeit, Geschäftslogik für Props zur Laufzeit zu erzwingen, was besonders für die Datenintegrität in großen Anwendungen nützlich ist.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
defineProps({status: {type: String,required: true,validator(value) {// Must match one of these specific stringsreturn ['success', 'warning', 'error', 'loading'].includes(value);}},config: {type: Object,validator: (val) => val.id !== undefined && typeof val.retry === 'number'}});
vue
Erklärung
1
validator(value) { ... }
Eine Funktion, die einen Boolean zurückgibt, um die Gültigkeit des Props zu bestimmen.
2
['success', ...].includes(value)
Stellt sicher, dass der Prop-Wert auf eine bestimmte Menge erlaubter Strings begrenzt ist.