标签：str input cti v-model log 关闭 pos data dal
this.$refs[‘activityForm‘].resetFields();
只会重置之前表单的内容，并不会清空
只需在关闭弹框的cancel方法中写上重置表单的方法即可
cancel() { this.$refs.formData.resetFields(); }
重置表单清除校验有另一种更为简便的方法：
<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> <div slot="footer"> <Button type="text" @click="cancel(‘ruleValidate‘)">取消</Button> <Button type="primary" @click="Save(‘ruleValidate‘)">保存</Button> </div> </Modal>
只需要在From标签上加上v-if="showDialog"这句代码，当关闭弹框时showDialog=false，
再次打开弹框是showDialog置为true，这样每次打开弹框它都会生成一个新的表单。
标签：str input cti v-model log 关闭 pos data dal
原文地址：https://www.cnblogs.com/ckmouse/p/11968251.html
