<!-- el-form属性简介
el-form: model表单(不是v-model),rules校验规则,ref类似于id
el-form-item: prop校验名
el-input: 对应model的属性
-->
<el-form :model="form_login" :rules="rules_login" ref="form_login">
<el-form-item prop="account">
<el-input v-model="form_login.account" placeholder="手机号"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input v-model="form_login.password" placeholder="密码">
<el-button slot="append" @click="fill()">忘记密码?</el-button>
</el-input>
</el-form-item>
<el-form-item prop="cord">
<el-row>
<el-col :span="16">
<el-input v-model="form_login.cord" placeholder="验证码"></el-input>
</el-col>
<el-col :span="8">
<div style="height:40px">
<img width="100%" height="100%" src="http://118.25.138.130/api/user/v1/code/61971578567133668?tenantCode=gitee">
</div>
</el-col>
</el-row>
</el-form-item>
</el-form>
要注意的就是prop要和input的绑定名一致,以及form上绑定的是:model而不是v-model
来源:CSDN
作者:哀木i
链接:https://blog.csdn.net/qq_41569151/article/details/103989736