快速清空vue的form表单，用于新增和编辑同一个弹框

清空vue表单的快速方法

weixin_53140002

5417人浏览 · 2022-04-19 16:36:04

weixin_53140002 · 2022-04-19 16:36:04 发布

方法一：普通清空

this.$refs.form.resetFields();
this.$refs['form'].resetFields();

方法二：彻底清空表单在dom加载完成后清空用于新增还可以加v-if 属性再判断一次

           this.$nextTick(()=>{
 			 this.$refs['form'].resetFields();//清空表单
		   });

方法三：彻底清空表单最推荐的清空表单方案

this.$refs.form.resetFields() ;
this.formd = Object.assign(this.form, this.$options.data().form)

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^