![](https://csdnimg.cn/release/download_crawler_static/89240783/bg1.jpg)
<h3 class="margin-auto">登录</h3>
<el-form-item label="用户名:" prop="username" >
<el-input v-model="form.username" placeholder=" 手 机 号
" :suffix-icon="EditPen"/>
</el-form-item>
<el-form-item label="密码:" prop="userPassword">
<el-input v-model="form.userPassword"
:type="showPassword ? 'text' : 'password'"
:suffix-icon="showPassword ? 'View' : 'Hide'"
@click="handleIconClick"
placeholder="6-10 位任意字母+数字组合">
</el-input>
</el-form-item>
<el-form-item label="验证码:" prop="code" >
<el-input v-model="form.code" placeholder=" 验 证 码
" :suffix-icon="EditPen"/>
</el-form-item>
<!-- 角色 -->
<el-form-item label="角色">
<el-radio-group v-model="form.role">
<el-radio value="1">学生</el-radio>
<el-radio value="2">老师</el-radio>
<el-radio value="3">管理员</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit" :loading="isLoading">
登录</el-button>
<el-button type="primary" @click="regist">注册</el-button>
</el-form-item>