Refs teimpléad a ligeann duit tagairt dhíreach a fháil ar fhíor-eilimint DOM (nó ar shampla comhpháirt leanaí) nuair a bhíonn ort rud éigin tógtha go huachtar a dhéanamh nach bhfuil cumhdaithe ag samhail dhéchlaratóir Vue — ar nós fócas a thabhairt do ionchur, eilimint a thomhas, nó modh a ghlao ar leanbh.
Rochtain a fháil ar eilimint DOM
<script setup>
import { ref, onMounted } from "vue";
const inputEl = ref(null); // 1. create a ref (initially null)
onMounted(() => {
inputEl.value.focus(); // 3. after mount, .value is the DOM element
});
</script>
<template>
<input ref="inputEl" /> <!-- 2. ref attribute name matches the variable -->
</template>
An patrún: dearbhaigh , ceangail í trí ar an eilimint, agus tar éis an tsocraithe, is é an fhíor-nód DOM. Tá sé roimh an tsocrú, mar sin rochtain a fháil air in (nó níos déanaí), ní le linn an setup.
