这两节的内容逻辑

来源:5-12 ValidateForm 编码第四部分 - 大功告成

Hania冲鸭

2023-01-25

老师你好,可能我基础比较差,这两节课的内容越听越混乱,自己也尝试着把代码缕了几遍,但是也感觉越梳理越不太明白了。
比如这个funcArr是做什么用的?
比如触发submitForm时会对funcArr进行循环,那也就是说明callback方法和form-item-created是在submitForm之前执行的?所以submitForm里的funcArr才会有值?
唉、、总之就是对我来说很难理解、、、甚至有些怀疑自己能不能做得了前端

写回答

1回答

张轩

2023-01-26

同学你好

请别灰心 因为我们的课程本来就是中级难度 不是初级难度那种课程,而且这个表单也算是一个小小的难点。

不会的可以随时提问,我相信你肯定能搞定的。

说回到代码:

1如果想在 Form 级别触发所有的验证,那么自然需要拿到 Input 上面验证的函数并且一一触发。

funcArr 就是一个数组,里面存有各个 Input 的验证函数。

2 顺序问题,funcArr 的中值的填充是在 Input 组件 onMounted 的时候放进去的,也就是说当整个 Form mounted 以后里面就有值了,所以当你提交表单,也就是 submitForm 的时候里面就有值了。

0
1
Hania冲鸭
谢谢老师,我有些明白了,需要再消化下
2023-01-26
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程