javascript / intermediate
Snippet
Implementierung benutzerdefinierter Direktiven für DOM-Zugriff
Benutzerdefinierte Direktiven ermöglichen die Wiederverwendung von Low-Level-DOM-Logik in verschiedenen Komponenten. In <script setup> wird jede CamelCase-Variable, die mit 'v' beginnt, automatisch als Direktive erkannt, die im Template verwendet werden kann.
snippet.js
1
2
3
const vFocus = {mounted: (el) => el.focus()};
vue
Erklärung
1
const vFocus = {
Definieren Sie ein Direktiven-Objekt gemäß der Namenskonvention 'v' + Name.
2
mounted: (el) => el.focus()
Der Lifecycle-Hook 'mounted' erhält das Ziel-DOM-Element und ruft die native focus-Methode auf.