javascript / intermediate
Snippet
Validierung benutzerdefinierter Events mit defineEmits
In der fortgeschrittenen Vue-Entwicklung sollten Sie emittierte Events validieren. Indem Sie ein Objekt an defineEmits übergeben, können Sie Validator-Funktionen definieren, die prüfen, ob die Nutzlast korrekt ist, bevor das Event an die Elternkomponente gesendet wird.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script setup>const emit = defineEmits({submit: ({ email, password }) => {if (email && password.length > 8) {return true;}console.warn('Invalid submit payload!');return false;}});const handleSubmit = () => {};</script>
vue
Erklärung
1
submit: ({ email, password }) => { ... }
Validator-Funktion für das 'submit'-Event; gibt false zurück, um eine Konsolenwarnung auszulösen.
2
emit('submit', { ... });
Löst das Event mit dem bereitgestellten Objekt als Nutzlast aus.