Vue3 の Composition API での HTMLへのref

<template>
  <h1>typescript google map</h1>
  <div ref="mapRef" class="map"></div>
</template>
<script lang="ts" setup>
const mapRef = ref<HTMLElement>();

// このタイミングでは undefined になります
console.log( mapRef.value );


onMounted(() => {
  // このタイミングで <div class="map"></div> が入ります
  console.log( mapRef.value );
})
</script>
No.2271
01/11 17:17

edit