vue + element-ui + ts 表格表单校验问题

我的项目中有一个需求是表格表单的提交校验,如下:

vue + element-ui + ts 表格表单校验问题_第1张图片

参考链接:https://www.cnblogs.com/Kummy/p/9470393.html

做完发现,我的表单校验效果出来了,但是提交表单的时候,拿不到是否校验成功的标志,如下:

vue + element-ui + ts 表格表单校验问题_第2张图片

拿不到valid值,断点调试的时候发现根本不会进this.$refs['form'].validate方法!

期间一直以为是ts的语法问题导致的,在看全局变量定义,花了很长时间。

最后发现是我的校验规则写的有问题!

vue + element-ui + ts 表格表单校验问题_第3张图片

如图,我的这个if没有对应的else!所以没有callback!

加上就解决了。

你可能感兴趣的:(vue表格表单校验问题)