Error in v-on handler: “Error: please transfer a valid prop path to form item

功能描述：

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

 

问题：

        点击“删除”，仅对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中，这样就能保证在渲染完之后，再提交。