功能描述:

        点击“新增”时,增加一行;选中某一行,点击“删除”时,该行删除。

 

问题:

        点击“删除”,仅对model绑定数组进行splice移除数组元素,然后点击确定,可以正常通过表单验证validate,正常提交;如果点击“删除”,对数组进行splice的同时,直接调用“确定”按钮绑定的函数进行表单提交,则在表单验证时提示上述错误,不能正常提交。[注:代码没有贴全,仅贴了紧要部分]

/*删除方法*/     
delete(){
          this.form.params.splice(this.currentIndex, 1);
          this.currentIndex= this.form.params.length - 1;
          this.submitForm();
      }

/* 表单提交方法*/     
submitForm(){
      this.$refs["from"].validate((valid) => {
        if (valid) {
          update(this.from).then(response => {
            alert("提交成功");
          });
        }
      })
}

原因:

        delete方法中splice后边提交表单,表单因为数组的改变还没有渲染完成,提交的还是splice之前的所以导致报错。

解决办法:

使用 promise().then(),将对表单提交的调用放到then中,这样就能保证在渲染完之后,再提交。

Logo

前往低代码交流专区

更多推荐