vue3+element-plus表单验证与登录

上代码

<template>
  <div class="container">
    <div class="sign-in">
      <!-- 登录 -->
      <el-form
        class="form login-form clear-fix"
        ref="loginFormRef"
        :model="loginForm"
        :rules="loginRules"
      >
        <el-form-item label="邮箱" prop="email">
          <el-input v-model="loginForm.email" type="text" placeholder="请输入邮箱地址" ></el-input>
        </el-form-item>
        <el-form-item label="密码" prop="pass">
          <el-input v-model="loginForm.pass" type="password" placeholder="请输入密码"></el-input>
        </el-form-item>
        <el-form-item>
          <el-row gutter="10px">
            <el-col :span="12">
              <el-button
                type="primary"
                class="form-btn submit-btn"
                @click="submitForm"
                v-if="!successMode"
                >
                提交
              </el-button>
              <el-button
                type="success"
                v-else
                class="form-btn"
                >
                登录成功
              </el-button>
            </el-col>
            <el-col