You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
739 B
34 lines
739 B
<template>
|
|
<el-button
|
|
v-loading.fullscreen.lock="fullscreenLoading"
|
|
type="primary"
|
|
@click="openFullScreen1"
|
|
>
|
|
As a directive
|
|
</el-button>
|
|
<el-button type="primary" @click="openFullScreen2"> As a service </el-button>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
import { ElLoading } from 'element-plus'
|
|
|
|
const fullscreenLoading = ref(false)
|
|
const openFullScreen1 = () => {
|
|
fullscreenLoading.value = true
|
|
setTimeout(() => {
|
|
fullscreenLoading.value = false
|
|
}, 2000)
|
|
}
|
|
|
|
const openFullScreen2 = () => {
|
|
const loading = ElLoading.service({
|
|
lock: true,
|
|
text: 'Loading',
|
|
background: 'rgba(0, 0, 0, 0.7)',
|
|
})
|
|
setTimeout(() => {
|
|
loading.close()
|
|
}, 2000)
|
|
}
|
|
</script>
|