如果某个组件包含多个ValidateForm时,点提交按钮会触发所有的ValidateInput验证

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

慕粉1057001915

2021-04-23

图片描述

老师, 如果一个组件中包含多个 ValidateForm 时, 点击提交按钮,所有的 ValidateInput 会触发验证,我想点提交按钮只有所在表单的Input验证,请问这个是怎么解决?简单说下思路就行

写回答

1回答

张轩

2021-04-24

同学你好 可以看下 develop 分支的代码 已经实现了这个功能 ValidateForm 上面添加了一个 name 这样的属性,然后通过 provide/inject 提供给 ValidateInput,ValidateInput 发送事件的时候带着这个 name,ValidateForm 就可以选择性的添加是否要验证这个组件了。

请具体看 ValidateForm 的 第33,40 行,ValidateInput 的 第103 行

0
0

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

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

3142 学习 · 2313 问题

查看课程