Error in v-on handler: “Error: please transfer a valid prop path to form item
vue 数组splise 元素渲染
·
功能描述:
点击“新增”时,增加一行;选中某一行,点击“删除”时,该行删除。
问题:
点击“删除”,仅对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中,这样就能保证在渲染完之后,再提交。
更多推荐
已为社区贡献1条内容
所有评论(0)