|
@ -51,7 +51,7 @@ watch( |
|
|
} |
|
|
} |
|
|
) |
|
|
) |
|
|
|
|
|
|
|
|
const demo = ref() |
|
|
let demo = null |
|
|
watch( |
|
|
watch( |
|
|
() => props.vLoading, |
|
|
() => props.vLoading, |
|
|
async (val: boolean) => { |
|
|
async (val: boolean) => { |
|
@ -59,7 +59,7 @@ watch( |
|
|
if (val) { |
|
|
if (val) { |
|
|
initDialog() |
|
|
initDialog() |
|
|
} else { |
|
|
} else { |
|
|
demo.close() |
|
|
if (demo !== null) demo.close() |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
@ -76,11 +76,7 @@ const dialogStyle = computed(() => { |
|
|
|
|
|
|
|
|
const initDialog = () => { |
|
|
const initDialog = () => { |
|
|
// 用服务生成一个el-loading实例,包括了自定义svg的指令如何在服务中使用 |
|
|
// 用服务生成一个el-loading实例,包括了自定义svg的指令如何在服务中使用 |
|
|
demo.value = ElLoading.service({ target: '.loading', text: '加载中...', background: 'rgba(246, 246, 246, 0.8)' }) |
|
|
demo = ElLoading.service({ target: '.loading', text: '加载中...', background: 'rgba(246, 246, 246, 0.8)' }) |
|
|
// setTimeout(() => { |
|
|
|
|
|
// // 延时执行关闭,对应dom清除,如要再使用loading,需重新生成新实例 |
|
|
|
|
|
// demo.close() |
|
|
|
|
|
// }, 5000) |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
</script> |
|
|
</script> |
|
|