1.实现效果
2. 代码实现
2.1使用elementUI文档中Tabs标签页
2.2在components中新建两个文件 login.vue register.vue
login.vue
<template>
<div class="login">
<div class="login_form">
<p>后台管理系统</p>
<el-tabs v-model="activeName" @tab-click="handleClick" >
<el-tab-pane label="登录" name="first">
<el-form
:model="loginForm"
:rules="rules"
ref="loginForm"
>
<el-form-item label="" prop="account" class="elItem">
<el-input
type="text"
autocomplete="off"
v-model="loginForm.account"
prefix-icon="el-icon-user-solid"
placeholder="请输入用户名"
></el-input>
</el-form-item>
<el-form-item label="" prop="password">
<el-input
type="password"
autocomplete="off"
v-model="loginForm.password"
prefix-icon="el-icon-lock"
placeholder="请输入密码&