学习VeeValidate 高阶组件 展示错误信息

可以从field的作用域插槽中拿到错误信息进行展示

也可以从form的作用域插槽中拿到


也可以拿到所有错误信息


前面已经具体看到ErrorMessahe组件使用方法了，还有一点就是它默认会渲染成为一个span元素，也可以指定渲染的dom节点类型，这个组件也很灵活也可以想filed组件一样包裹我们自定义的东西然后通过作用域插槽去拿到其中的错误信息


默认情况下错误提示都是提示的字段名，比如email is required但是往往后端定义的字段名都带有下划线比如user_email，我们这样提示出来很不美观，也可以对这个字段名进行二次处理


这样就可以在提示的时候以label中的字符串作为改字段的名字 从email_addr is required 变为 Email Address is required

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue组件化
    前言 在工作中经常会用到Vue，包括也会用到很多重要的点例如组件化等等，现在也想对于之前的应用和学习做一个小小的总...
    羊驼驼驼驼阅读 3,188评论 0赞 2
  • 学习VeeValidate 高阶组件
    今天看文档的时候 发现还给我们提供了高阶组件，就是表单比较简单的时候可以使用，也可以和组合式api结合使用， 最简...
    阿鑫YuXi9999阅读 1,631评论 0赞 1
  • Django的Modelform组件
    通过名字可以看出，这个组件的功能就是把model和form组合起来。 先来一个简单的例子：比如我们的数据库中有这样...
    汪菲宇阅读 2,615评论 0赞 0
  • 第21天，Django之Form组件
    ModelForm 请参考官方文档 一、Form组件初识 参考博客一 武沛奇老师博客参考博客二 Django的F...
    CaiGuangyin阅读 9,089评论 1赞 3
  • form组件
    1. 用途 数据校验 标签渲染 渲染错误信息 2. 用法(已注册验证为例) 先建一个user表迁移数据库就不说了,...
    aq_wzj阅读 3,408评论 0赞 0