vue3 css邮箱登录和密码登录切换

最新推荐文章于 2024-10-15 15:24:52 发布

前端小云儿

最新推荐文章于 2024-10-15 15:24:52 发布

阅读量105

点赞数

分类专栏：前端静态页面以及逻辑文章标签：前端 elementui

本文链接：https://blog.csdn.net/jieweiwujie/article/details/136363088

版权

前端静态页面以及逻辑专栏收录该内容

147 篇文章 20 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文介绍如何使用Vue3结合ElementUI组件库，实现登录页面中邮箱和密码登录方式的无缝切换，包括相关表单验证和交互逻辑。

摘要由CSDN通过智能技术生成

<template>
  <div class="login">
    <div class="login-content">
      <div class="login-div-r" :class="flepAnimation ? 'flep' : ''">
        <div v-if="loginCode" :class="flepping ? 'tranlateY180' : ''">
          <h3 style="margin-top: 0px">邮箱登录</h3>
          <el-form
            :model="formEmail"
            label-width="0px"
            :rules="rulesEmail"
            ref="ruleFormRefEmail"
            :size="formSizeEmail"
            status-icon
          >
            <el-form-item prop="email">

了解本专栏