/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-overlay/misc-loader.vue
49 строк
870 B
John Leider
chore: add vue/attributes-order eslint rule
29 фев 2024, 07:06
29 фев 2024, 07:06
65aff8f
Код
Авторство
О чём код?
<template> <div class="text-center"> <v-btn append-icon="mdi-open-in-new" color="deep-purple-accent-4" @click="overlay = !overlay" > Launch Application </v-btn> <v-overlay :model-value="overlay" class="align-center justify-center" > <v-progress-circular color="primary" size="64" indeterminate ></v-progress-circular> </v-overlay> </div> </template> <script setup> import { ref, watch } from 'vue' const overlay = ref(false) watch(overlay, val => { val && setTimeout(() => { overlay.value = false }, 3000) }) </script> <script> export default { data: () => ({ overlay: false, }), watch: { overlay (val) { val && setTimeout(() => { this.overlay = false }, 3000) }, }, } </script>