42 lines
703 B
Vue
42 lines
703 B
Vue
<script setup>
|
|
const isDialogVisible = ref(false)
|
|
|
|
watch(isDialogVisible, value => {
|
|
if (!value)
|
|
return
|
|
setTimeout(() => {
|
|
isDialogVisible.value = false
|
|
}, 4000)
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<!-- Dialog Activator -->
|
|
<VBtn
|
|
:disabled="isDialogVisible"
|
|
@click="isDialogVisible = true"
|
|
>
|
|
Start loading
|
|
</VBtn>
|
|
|
|
<!-- Dialog -->
|
|
<VDialog
|
|
v-model="isDialogVisible"
|
|
width="300"
|
|
>
|
|
<VCard
|
|
color="primary"
|
|
width="300"
|
|
>
|
|
<VCardText class="pt-3 text-white">
|
|
Please stand by
|
|
<VProgressLinear
|
|
indeterminate
|
|
class="mt-4"
|
|
color="#fff"
|
|
/>
|
|
</VCardText>
|
|
</VCard>
|
|
</VDialog>
|
|
</template>
|