javascript / intermediate
Snippet
Eigene Direktiven für DOM-Zugriff
Eigene Direktiven ermöglichen Low-Level-DOM-Manipulationen an einfachen Elementen. Sie bieten Lifecycle-Hooks ähnlich wie Komponenten (created, mounted, updated, unmounted).
snippet.js
1
2
3
4
5
6
7
8
const vFocus = {mounted: (el) => {el.focus();el.style.borderColor = 'red';}};// Usage in template: <input v-focus />
vue
Erklärung
1
mounted: (el) => { ... }
Der Hook, der aufgerufen wird, wenn das Element in das Dokument eingefügt wird.
2
el.focus();
Native DOM-Methode, um das Element direkt zu fokussieren.