<el-form :model="formData" :rules="rules" ref="form" label-width="100px">
  <el-form-item v-if="flag" key="notRequired" prop="name">
    <el-input v-model="form.name" lable="姓名"></el-input>
  </el-form-item>
</el-form>

data() {
    return {
     form:{
      name: '',
     },
      rules: {
        name: [{ required:true, message: '請(qǐng)輸入姓名', trigger: 'blur' }]
      },
    }
  }

情景再現(xiàn)：

form表單驗(yàn)證的時(shí)候，明明寫了prop屬性并且rules規(guī)則中有寫校驗(yàn)，但是點(diǎn)擊提交表單的時(shí)候，并沒有校驗(yàn)

解決辦法：

出現(xiàn)這種問題的原因是因?yàn)関ue會(huì)有dom節(jié)點(diǎn)復(fù)用問題，使用v-if的時(shí)候加一個(gè)唯一的key就好