一、新增和刪除表單項，動態校驗。

el-form表單動態動態新增表單進行校驗。直接參考 動態增減表單項

二、el-form表單校驗v-if不生效、el-form表單校驗v-show不生效：

例如有個表單項，通過控制顯示兩個不同的表單項內容，分別需要校驗對應的表單項即可。
如果是直接用v-if，會發現切換時候，校驗不生效；
如果直接使用v-show，又發現即使不切換，隱藏了另外的表單項，也會觸發校驗規則。
正確做法是：使用v-if控制表單項的顯示隱藏，同時需要給el-form-item加上自己的 prop=" " 和 key=" " ，這樣才能區分。當然:rules 也要有自己對應的提示。

    <template v-if="flag">
      <el-form-item label="姓名：" 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="退回原因：" prop="desc" key="desc" :rules="rules.desc">
        <el-input type="textarea" maxlength="500" show-word-limit v-model="formData.desc" placeholder="請填寫退回原因"></el-input>
      </el-form-item>
    </template>