Dynamic verification of new form items in El form; El form verifies that the dynamic form V-IF does not take effect;

One 、 Add and delete form items , Dynamic verification .

el-form Forms dynamically add forms for verification . Direct reference Add or delete form items dynamically

Two 、el-form Form verification v-if Don't take effect 、el-form Form verification v-show Don't take effect ：

For example, there are form items , Display the contents of two different form items through control , You need to verify the corresponding form items .
If it is used directly v-if, You will find that when switching , Verification does not take effect ;
If used directly v-show, And I found that even without switching , Other form items are hidden , Verification rules will also be triggered .
The right thing to do is ： Use v-if Control the display and hiding of form items , At the same time, we need to give el-form-item Add your own prop=" " and key=" " , In this way, we can distinguish . Of course :rules You should also have your own corresponding prompt .

    <template v-if="flag">
      <el-form-item label=" full name ：" prop="name" key="name" :rules="rules.name">
        <el-input v-model="formData.name" placeholder=""></el-input>
      </el-form-item>
    </template>
    <template v-else>
      <el-form-item label=" Reasons for return ：" prop="desc" key="desc" :rules="rules.desc">
        <el-input type="textarea" maxlength="500" show-word-limit v-model="formData.desc" placeholder=" Please fill in the reason for return "></el-input>
      </el-form-item>
    </template>