الوصول إلى عنصر بإستخدام Template Ref
ال Template Ref بتسمح تتعامل مع عنصر DOM بعد ظهوره
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
بنستخدم المرجع علشان ننقل التركيز للحقل
ملف App.vue
<script setup>
import { ref } from "vue";
const field = ref(null);
function focusField() { field.value?.focus(); }
</script>
<template>
<label>Name <input ref="field"></label>
<button @click="focusField">Focus Input</button>
</template>النتيجة
بعد الضغط التركيز بينتقل لحقل الإسم