コードテンプレート - ログイン成功後にホームページにジャンプします

序章

vue-router ルーティング依存関係がデフォルトでインストールされており、
src/router/index.js コンポーネントと src/views/login.vue コンポーネントが書き込まれています。

jsスクリプト

このような js を src/views/login.vue コンポーネントに追加します。

import useRouter from "vue-router"

// 登录函数，点击登录触发
const login = () => {
    
    
    // 表单校验
    
    // 登录请求
    
    // 登录如果成功的提示
    
    // 异步请求，登录成功后的跳转，1.5s 后跳转
    setTimeout(() => {
    
    
      router.push("/home")
    }, 1500)
    
    // cookies 处理
}