<!-- 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