在項(xiàng)目開發(fā)中用到Element ui表單驗(yàn)證，dialog彈窗驗(yàn)證結(jié)束后重新打開還會(huì)保留上一次的驗(yàn)證信息，做個(gè)筆記記錄下解決方法。

1.表單校驗(yàn)

<el-form
        :model="formData"
        status-icon
        :rules="rules"
        style="padding:20px 20px 250px 20px;"
        ref="formData"
        label-width="30%"
      >
        <el-form-item key="oldPwd" label="舊密碼:" prop="oldPwd">
          <el-input placeholder="請(qǐng)輸入6位舊密碼"  v-model="formData.oldPwd" maxlength="6" show-password></el-input>
        </el-form-item>

        <el-form-item key="newPwd" label="新密碼:" prop="newPwd">
          <el-input placeholder="請(qǐng)輸入6位新密碼"  v-model="formData.newPwd"  maxlength="6"  show-password>
          </el-input>
        </el-form-item>

        <el-form-item key="checkPwd" label="確認(rèn)新密碼:" prop="checkPwd">
          <el-input placeholder="請(qǐng)?jiān)俅屋斎?位新密碼" v-model="formData.checkPwd" maxlength="6"  show-password @keyup.native.13="handlePwd">
          </el-input>
        </el-form-item>

        <p style="color:#FF6600;padding-left:40px;">*必填項(xiàng)</p>
</el-form>

2.清空驗(yàn)證信息的方法

changePwd() {
      let self = this;
      this.$nextTick(()=>{
        self.$refs.formData.clearValidate();
      })
    },