如果某个组件包含多个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 行

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

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

3142 学习 · 2313 问题

查看课程

相似问题

关于ValidateForm组件的奇怪bug

回答 1

提交文章跳转失败，麻烦老师帮我看看

回答 1

[讨论]第5章ValidateForm不使用mitt的方案

回答 2

老师您好，我对视频中「父子组件」的说法有点疑惑，想请教一下。

回答 1

一个组件的父元素被删除了那么这个组件是就卸载了吗？

回答 1

打开慕课网App查看更多内容