说明:利用ElementUI的Form表单组件实现登录、注册功能,当chooseItem == 0时是登录模块,否则是注册模块,同时也给表单项添加了校验规则。
示例代码:
<template>
<el-form v-if="chooseItem == 0"
:model="loginForm"
:rules="loginRules"
ref="loginForm"
size="small"
label-width="11.53rem"
class="demo-loginForm"
style="marginTop:3.125rem">
<el-form-item label="账号"
prop="account">
<el-input prefix-icon="el-icon-user-solid"
v-model="loginForm.account"></el-input>
</el-form-item>
<el-form-item label="密码"
prop="password"
style="color:white">
<el-input prefix-icon="el-icon-key"
v-model="loginForm.password"
type="password"></el-input>
</el-form-item>
<el-form-item label="验证码"
prop="code"