root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

登录界面：姐姐点击登录后界面疯狂闪动的问题

Browse Source 
(cherry picked from commit a79f1452b3)
This commit is contained in:
puhui999 2023-09-09 14:27:48 +08:00 committed by shizhong
parent ca0ec86913
commit 3f0ec5cf16
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/Login/components/LoginForm.vue
View File

@ -231,6 +231,7 @@ const getCookie = () => {
} }
} }
} }
const loading = ref() // ElLoading.service 返回的实例
// 登录 // 登录
const handleLogin = async (params) => { const handleLogin = async (params) => {
loginLoading.value = true loginLoading.value = true
@ -245,7 +246,7 @@ const handleLogin = async (params) => {
if (!res) { if (!res) {
return return
} }
ElLoading.service({ loading.value = ElLoading.service({
lock: true, lock: true,
text: '正在加载系统中...', text: '正在加载系统中...',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
@ -265,13 +266,9 @@ const handleLogin = async (params) => {
} else { } else {
push({ path: redirect.value || permissionStore.addRouters[0].path }) push({ path: redirect.value || permissionStore.addRouters[0].path })
} }
} catch {
loginLoading.value = false
} finally { } finally {
setTimeout(() => { loginLoading.value = false
const loadingInstance = ElLoading.service() loading.value.close()
loadingInstance.close()
}, 400)
} }
} }