html代码:来自login.html
<el-form ref="formRef" :rules="rules" :model="formLabelAlign" label-width="70px">
<el-form-item prop="username" label="用户名">
<el-input
ref="username"
prefix-icon="el-icon-user"
v-model.trim="formLabelAlign.username"
placeholder="请输入用户名"
type="text"
tabindex="1"
autocomplete="off"
></el-input>
</el-form-item>
<el-form-item prop="password" label="密码">
<el-input
ref="username"
prefix-icon="el-icon-lock"
v-model.trim="formLabelAlign.password"
placeholder="请输入密码"
type="text"
tabindex="1"
autocomplete="off"
></el-input>
</el-form-item>
<el-form-item prop="urVerifiCode" label="验证码" class="itemcode">
<el-input
ref="username"
prefix-icon="el-icon-lock"
v-model.trim="formLabelAlign.urVerifiCode"
placeholder="验证码"
type="text"
tabindex="1"
style="width:100px;height: 40px;border-radius:none"
autocomplete="off"
></el-input>
<span class="icodes" @click="getIcodes">
<!--<img class="img" :src="this.newcodeurl+'busineCommon/users/get/imagecode?uuid='+this.uid" alt="" style="width:120px;height: 40px" />-->
<img class="img" :src="imgurl" alt="" style="width:120px;height: 40px" />
</span>
</el-form-item>
<el-form-item>
<el-button
type="primary"
style="width: 100%;"
@click.native.prevent="submitForm('formLabelAlign')"
@keyup.enter.native="submitForm('formLabelAlign')"
>登录</el-button>
</el-form-item>
<el-form-item>
<el-button
type="danger"
style="width: 100%;"
@click="RegIster"
>注册</el-button>
</el-form-item>
</el-form>
源码获取地址(以上前后端代码已经全部打包好了)
https://gitee.com/xuxiaofei1996/case-source-code.git