当前位置: 首页 > 知识库问答 >
问题:

VueJS 2:vee validate 3-对不工作的子组件进行验证

林君博
2023-03-14

vee验证版本:3.4。5.

所以我有一个表单生成器。vue组件,用于构建基于模式的表单输入。我有一个定制的InputSlagify组件,我想用所需的规则对其进行vee validate验证。

问题:当我聚焦输入并离开焦点时,我没有收到错误消息“field is required”。但是当我使用

如何使自定义组件的验证工作正常?

提前谢谢!

下面是一个工作代码沙盒示例

https://codesandbox.io/s/mystifying-frost-3yidg?file=/src/components/InputSlugify.vue


共有1个答案

壤驷志学
2023-03-14

您需要从自定义组件中发出blur事件,因为vee validate无法在包装组件时拾取事件,除非您明确发出该事件。

<b-form-input @blur="$emit('blur')" ... />

默认的b-form-输入已经发出这个事件,这就是为什么它直接与它一起工作。

 类似资料:
  • 这个问题似乎已经问了无数次,但我却找不到解决问题的方法。我已经定义了扫描器,预先调用了所有函数,这是我现在尝试使用的代码。 循环需要验证所提供的电子邮件,如果它的格式不是name@name.com,那么拒绝它并重复它--这工作很好--我的问题是,每当我提供正确的电子邮件格式时,循环似乎从未停止,并且从未显示正确的电子邮件通知,除非它将输入保存为字符串localemailaddress。 有人能看出

  • 我所拥有的 我在我的应用程序中使用Firebase认证,用户可以使用电子邮件和密码注册。如果用户没有验证他们的电子邮件,我会禁用一些功能,直到他们验证他们的电子邮件。 我还有一个按钮来显式触发验证邮件,它只是调用,。它工作完美,验证邮件总是发送。 用户收到验证邮件,但当他/她验证邮件并返回应用程序时,始终为false。所以我的应用程序仍然不允许用户使用所有功能,尽管事实上他/她已经验证了他们的电子

  • 我试图用类型输入将proptype转换为一个特定的组件类,但这给了我一个警告。 警告:失败的道具类型:提供给MyComponent的道具无效。 MyComponent.js 我的输入组件被剥离了。 子系统上的控制台日志为:

  • 我希望先用groups指定的注释。class一起激发,然后再进行second.class验证。我不明白为什么用组指定的验证没有被激发。 有人能给我指路吗。

  • null https://blaproject.page.link?link=https://blaproject-ea9d6.firebaseapp.com//auth/action? 所以我的问题是,为什么这个URL不验证用户的邮件,然后使用continue URL(以及关联的域)来触发app打开呢?它只会触发app打开,而不会验证用户的邮件。 感谢您提供的任何提示,以帮助我理解我不理解的内容

  • 我有一个isuue与jquery验证插件。我有一个表单,其中所有字段都是使用Ajax动态加载的。所有字段的名称和ID都是动态设置的。所以我无法将他们的名字输入jQuery。 管理员可以将某些文件验证所需的设置为true或false。现在我的问题是复选框。我把他们的名字放入数组。另外,我正在使用pretty-checkbox自定义类在checkbox上应用样式。For ex:一组chkbox数组名称