还是 Vue loading 过场的疑问？

原来登录界面没有等待的过场傻等，后来学习大家的都有个 Loading 或者 Checking 的过场，就用 v-if 加了。登录请求后台返回后就取消 loading ，成功了就跳转业务页面，失败就重新登录，逻辑上很简单没啥问题。

但是跑起来发现个问题，跳转的业务页面需要资源比较多，第一次加载要个 1-2 秒，这时候会即使成功了先跳出登录界面 1-2 秒，再被业务页面覆盖，这就有点尴尬。

我现在的办法是如果登录成功，就不改 loading 了，一直转到业务页面加载出来。登录失败才改 loading 。 这个是不是不太优雅。

没进过厂，想请教这个小问题是怎么处理的？

<template>
  <div>
    <div v-if="isLoading">
      <LoadingSpinner />
    </div>
    <div v-else>
    //登录页面
    ....
    </div>
  </div>
  ...
</template>

<script lang="ts">
....
const setup(){
    const btnClick = () => {
      if (username.value && password.value) {
        authStore.returnUrl = route.query.redirect;
        isLoading.value = true;
        authStore
          .login(username.value, password.value)
          .then((ret) => {
            if (ret !== 0) {
              message.warning("账号或密码错误。");
              **isLoading.value = false; //现在在这里**
            } else {
              message.success("登录成功");
              router.push((route.query.redirect as LocationQueryValue) || "/");
            }
          })
          .catch((err) => {
            console.error(err);
          })
          .finally(() => {
            **// isLoading.value = false; //原来在这里**
          });
      } else {
        message.warning("请输入用户名和密码。");
      }
    };
}
....
</script>