Vue · Junior · Frage 43 von 75
Wie bekommt man in <script setup> (Vue 3.5+) eine Referenz auf ein DOM-Element?
<script setup>
import { useTemplateRef, onMounted } from "vue";
const input = useTemplateRef("search");
onMounted(() => input.value.focus());
</script>
<template><input ref="search" /></template>- 1Direkt mit
document.getElementById - 2Mit
useTemplateRef('name') - 3Mit
this.$refsin<script setup>
Antwort zeigen
Richtige Antwort: Mit useTemplateRef('name')
Erklärung
Vor 3.5 deklarierte man const search = ref(null) mit demselben Namen wie das ref-Attribut. Der Wert ist null, bis das Element gemountet ist.