elementui校验表单问题

和自甴很熟 提交于 2020-02-07 09:17:56
 <!-- 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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!