iview中modal新增、修改共用校验规则清除

xlecho编辑整理，欢迎转载，转载请声明文章来源。欢迎添加echo微信(微信号：t2421499075)交流学习。 百战不败，依不自称常胜，百败不颓，依能奋力前行。——这才是真正的堪称强大！！

---

<Modal v-model="showDialog" :title="modalTitle" :mask-closable="false">
    <Form v-if="showDialog" ref="formData" :model="formData" :rules="ruleValidate" label-position="top">
        <FormItem label="姓名：" prop="name">
             <Input type="text" v-model="formData.name"/>
         </FormItem>
         <FormItem label="年龄：" prop="age">
             <Input type="text" v-model="formData.age"/>
         </FormItem>
    </Form>
</Modal>

只需要在From标签上加上v-if="showDialog"这句代码，当关闭弹框时showDialog=false，再次打开弹框是showDialog置为true，这样每次打开弹框它都会生成一个新的表单。