Vue · Junior · Запитання 43 з 75
Як отримати посилання на DOM-елемент у <script setup> (Vue 3.5+)?
<script setup>
import { useTemplateRef, onMounted } from "vue";
const input = useTemplateRef("search");
onMounted(() => input.value.focus());
</script>
<template><input ref="search" /></template>- ✓Правильна відповідь: Через
useTemplateRef('name'), що збігається з атрибутомrefелемента - 2Через
document.getElementByIdу<script setup> - 3Через
this.$refsвсередині<script setup>
Пояснення
До 3.5 оголошували const search = ref(null) з тим самим іменем, що й атрибут ref. Значення дорівнює null, доки елемент не змонтовано.