iframe 로딩 끝나기 전까지 사용자 동작을 막는 방법

인피니티·2024년 3월 7일
0

아래 코드는 SubmemberSelect 라는 컴포넌트 동작을 막는 코드입니다.

<script setup lang="ts">
  const iframe_loading = ref<boolean>(true);
  function onIframeLoad() {
    iframe_loading = true
  }
</script>
<template>
  <iframe ref="iframe" @load="onIframeLoad" />
  <SubmemberSelect :loading="iframe_loading" />
</template>

SubmemberSelect.vue

<script setup lang="ts">
const props = defineProps<{
  loading: boolean;
}>();
</script>
<template>
  <div class="relative" ...>
    <Loading v-if="loading"/>
  </div>
</template>
profile
nuxt 개발자

0개의 댓글