elementui校驗表單問題

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

發佈了49 篇原創文章 · 獲贊 4 · 訪問量 4646
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章