解决Avue新增带出上次编辑的内容

问题描述：在使用avue生成的dialog编辑数据保存过后，再点击添加数据，表单里面就会带出上次编辑的数据。原因分析：可能是编辑数据保存过后，关闭dialog的时候没有清空表单数据解决方案：使用avue提供的:before-open，判断在添加的时候执行下面的代码，进行清空数据。案例：弹窗执行前后let self = this;//防止取不到thisfor(let key in self.form

Rm_and_Rf

3102人浏览 · 2020-08-24 11:26:48

Rm_and_Rf · 2020-08-24 11:26:48 发布

问题描述：

在使用avue生成的dialog编辑数据保存过后，再点击添加数据，表单里面就会带出上次编辑的数据。

原因分析：

可能是编辑数据保存过后，关闭dialog的时候没有清空表单数据

解决方案：

使用avue提供的:before-open，判断在添加的时候执行下面的代码，进行清空数据。
案例：弹窗执行前后

let self = this;//防止取不到this
for(let key in self.formData){
  self.formData[key]=undefined;
 }

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}$/, //不连续的两位字母// /^