2020-12-17

vue + elementui  报错 model is required for resetFields to work.

<el-form
        class="login_form"
        :rules="loginFormRules"
        v-model="loginForm"
        ref="loginFormRef"
      >
        <el-form-item prop="username">
          <el-input
            prefix-icon="el-icon-user-solid"
            v-model="loginForm.username"
          >
          </el-input>
        </el-form-item>
        <el-form-item prop="password">
          <el-input
            type="password"
            prefix-icon="el-icon-goods"
            v-model="loginForm.password"
          >
          </el-input>
        </el-form-item>
        <el-form-item class="btns">
          <el-button @click='check'>登录</el-button>
          <el-button @click="clear()">重置</el-button>
        </el-form-item>
      </el-form>

 代码如上，排查了一下原因，是el-form使用v-model没有把内容绑定上，需要使用 :model 才可以校验

     <el-form
        class="login_form"
        :rules="loginFormRules"
        ：model="loginForm"
        ref="loginFormRef"
      >
     </el-form>