vee-validate

周周清（1）

validation插件中的yup神器进行校验，//import{ref}from'vue'import*asyupfrom'yup'import{Form,Field,ErrorMessage}from'vee-validate'import
瞌睡就要挨打·2023-12-05 09:40

vee-validate skipOptional 配置输入为空时触发校验

基于使用需求，真是没办法，官网感觉没啥内容，真看不出来啥，然后只能去看看源码能不能找出花来了TT!!需求说明由于一个自定义的校验方法，需要根据其他参数来判断这个输入框是否必填，最好也是能在输入为空的时候能够触发这个自定义校验。（因为是低代码平台，所以没有选择定制）这个要求还真是没有见过、搜索了一圈，没有找到解决办法，然后看官网吧。。。官网地址本项目里面使用版本为3.x解决过程本来思索是不是所有的校
jeneen1129·2023-10-11 10:37

vee-validate插件的使用

项目目录里头安装当前页面上的大部分教程使用中文包的时候会出错，或者报方法不存在，未定义等，是因为版本的问题validate.js范本importVuefrom'vue'importVeeValidate,{Validator}from'vee-validate'importzhfrom'vee-validate
路过的人儿·2023-09-26 03:58

Error: [vee-validate] Validating a non-existent field: "#35". Use "attach()" first.

1、背景使用表单验证时，如果有多个模块需要切换，每个模块下的元素都使用了validate进行验证，模块之间切换时，使用v-if、v-else的方式就会导致标题上面的错误2、解决办法方法一：使用v-show切换使用v-show，通过改变元素的css属性（display）来决定元素是显示还是隐藏，节点仍能找到，上述报错不会再出现但是会导致另一个问题：提交时，节点仍存在，则会启动里面验证，并且会看到一个
彼得朱·2023-09-17 04:08

Vue 插件 vee-validate校验插件详解大全

1.vee-validate简介veeValidate是专用于Vue.js的验证库。它有很多开箱即用的验证规则，也支持自定义验证规则。它基于模板，所以它和HTML5的验证API比较类似，而且我们也比较熟悉。我们可以验证HTML5input输入框，以及我们自定义的Vue组件。特点：基于模板的验证提供了许多开箱即用的验证规则一流的本地化支持可以验证HTML5input输入框和自定义Vue组件自定义规则
半夏_2021·2023-08-08 08:54

vee-validate 表单验证

安装npminstallvee-validate--save在main.js引入importVeeValidatefrom'vee-validate'Vue.use(VeeValidate)使用{{errors.first
真是个非常帅气的昵称呢·2023-06-09 06:55

vee-validate password input bug

最近在用vuejs,使用vee-validate发现一个问题，有些环境上password输入框总是显示输入密码不匹配。
MengchunCao·2023-04-15 17:02

veeValidate的使用

npmnpminstallvee-validate--savecdnVue.use(VeeValidate);//goodtogo.或者你可以用ES6importVuefrom'vue';importVeeValidatefrom'vee-validate
南蓝NL·2023-04-13 10:33

vee-validate使用

问题：输入不上内容原因：input的初始值要保证为一个字符串，不可以是undefined+86中文：参考文章vue表单验证----vee-validate使用教程自定义组件校验
左木北鱼·2023-04-05 04:25

vue + nuxt + vee-validate（表单验证）

npminstallvee-validate--saveplugins文件创建veevalidate.jsimportVuefrom'vue'importVeeValidate,{Validator}from'vee-validate'importzh_CNfrom'vee-validate
哎呦程序猿·2023-03-17 02:28

vee-validate升级引发的错误

"vee-validate":"^3.3.0","vee-validate":"^2.0.0-rc.26",回退版本
歪歪1993·2023-03-13 18:27

Vue引用vee-validate插件表单验证问题(cdn方式引用)

目录引用vee-validate插件表单验证（cdn方式引入）一、CDN方式（官网）二、结合Vue使用三、使用中文错误提示四、HTML代码示例五、自定义验证规则总结引用vee-validate插件表单验证
·2022-12-03 18:53

vee-validate使用教程

vee-validate使用教程本文适合有一定Vue2.0基础的同学参考，根据项目的实际情况来使用，关于Vue的使用不做多余解释。
中v中·2022-02-17 23:18

Vue vee-validate插件的简单使用

Field都是从插件中按需导出)5.使用Field组件，添加表单项目校验6.补充表单数据和验证规则数据1.安装[email protected].导入import{Form,Field}from'vee-validate
·2021-06-22 10:16

【vee-validate】 [Vue warn]: The computed property "fields" is already defined in data.

vue+iVew2.0；iVew里自带form表单验证，api如下image.png其中需要定义rule对象来储存表单校验规则，但是我的是一个90多项的巨型表单，定义这样一个对象实在是有点累，于是想引用vee-validate
薯条你哪里跑·2021-06-13 09:04

移动端自定义校验规则VeeValidate的使用

element-ui使用的验证库是validator，本文选取的是另一款，vue专用验证库，下载量也很大，叫做vee-validate。
团猫咪爱吃玉米·2020-12-25 18:50

veeValidate实战

说在前面vee-validate版本2.0.4的学习github地址我的项目地址第一次认真的在git上写一个demo教程，喜欢的可以star一下~^o^~(^-^)(^o^)后续会有一个完整的vue商城项目教程
程序媛花花·2020-11-29 18:54

vee-validate

使用vee-validate将标题加入错误提示通过data-vv-as指令标示当前字段的语言名称data-vv-name="名称"name="名称":error-message="errors.first
smaVivian·2020-09-25 13:54

vee-validate使用

1.安装npmnpminstallvee-validate--save2.引入importVuefrom'vue'importzh_CNfrom'vee-validate/dist/locale/zh_CN
十一/shell·2020-09-14 16:18

自定义组件校验-使用vee-validate

2019独角兽企业重金招聘Python工程师标准>>>vee-validate官网:http://vee-validate.logaretm.com/直接上实例子组件:(src/components/input
weixin_33937913·2020-09-14 16:25

vee-validate的使用

学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。
weixin_33729196·2020-09-14 16:38

[Vue]vee-validate的使用——自定义校验规则及校验message

1.安装vee-validatenpminstallvee-validate--save2.main.js里引用vee-validate插件importVuefrom'vue'importVeeValidate
1361976860·2020-09-14 16:33

vee-validate 内置的校验规则

after{target}-比target要大的一个合法日期，格式(DD/MM/YYYY)alpha-只包含英文字符alpha_dash-可以包含英文、数字、下划线、破折号alpha_num-可以包含英文和数字before:{target}-和after相反between:{min},{max}-在min和max之间的数字confirmed:{target}-必须和target一样date_bet
weixin_30418341·2020-09-14 16:33

vee-validate vue 2.0自定义表单验证

vee-validatevue2.0自定义表单验证亲测可用学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。一、安装您可以通过npm或通过CDN安装此插件。
Game_Liang·2020-09-14 15:40

关于vee-validate自定义验证

自定义验证请输入正确的手机号exportdefault{name:"text",$_veeValidate:{validator:'new'},data(){return{popover:false,username:'',resg:/^(1[3|5|7|8]\\d{9})|([\\w.\\-]+@(?:[a-z0-9]+(?:-[a-z0-9]+)*\\.)+[a-z]{2,3})$/}},}i
闲人有点忙·2020-09-14 15:09

[js]vee-validate自定义告警信息和自定义规则

https://vee-validate.logaretm.com/v2/guide/rules.html#date-format-params本身框架自带很多验证,但是如果想自定义规则或者国际化,就需要一些自定义操作1.在页面的组件引用:2.在vue的js类里添加规则:注意,有些规则不需要写promise回调,有些不写的话会报错:Cannotreadproperty'then'ofundefin
jameskaron·2020-09-14 12:24

Vue + iView + vuex + vee-validate 完整项目总结

部门最近的一个新项目启动，很幸运由我来主导整个前端部分的技术选型和整体架构，项目工作量很大，但是却没有足够的人手，只有三个连CSS都不太会的实习生跟着我一起做，压力山大。两个月以来，虽然遇见了很多问题，但是最终顺利的解决了，项目基本完成，果断写一篇总结，毕竟是第一个真正意义上全权自己负责的大项目。一、技术选型。如果没有接触过新的知识，我可能会像之前的部门的所有项目一样，按部就班的使用Jquery+
yava_free·2020-09-13 12:09

vue2.0移动端开发的相关插件以及经验总结

现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流…cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate
ryaaaaaaaa·2020-09-12 23:44

干货分享：vue2.0做移动端开发用到的相关插件和经验总结(更新)

希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate
weixin_34405925·2020-09-12 23:44

vee-validate使用教程

vee-validate使用教程本文适合有一定Vue2.0基础的同学参考，根据项目的实际情况来使用，关于Vue的使用不做多余解释。
乖乖果效36·2020-08-24 05:52

vee-validate安装及如何使用

1.安装npminstallvee-vaildate@next--save2.在main.js中引入importVeeValidatefrom'vee-validate';3.引入中文（依旧在main.js
weixin_39107093·2020-08-19 05:41

Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验

vee-validate是为Vue.js量身打造的表单校验框架，允许您校验输入的内容并显示对应的错误提示信息。
weixin_30563319·2020-08-19 04:28

vue项目中使用vee-validate的全程心得

前言：做后台管理类项目的时候，每个页面都有大量的输入框需要校验，并且各个页面还有相同的字段需要校验，比如有好几个页面需要输入用户名、密码等等，这在前端至少都要校验格式，又不想多写一句代码，所以...根据大佬们的博客和自己的实践总结了一篇。目录1.安装2.使用步骤（1）创建一个js文件，例如：validator.js，将验证的代码都放在这个js文件中；（2）在main.js中引入这个js文件（3）v
WindyMorgan·2020-08-19 03:15

VUE+vee-validate使用记录

[email protected].新建一个validate.js的文件，存放验证配置importVuefrom'vue';importVeeValidatefrom'vee-validate
yyshadow.·2020-08-19 03:19

vue表单验证 vee-validate

表单验证是非常常用的功能，百度找到了vee-validate，官网http://vee-validate.logaretm.com/index.html这篇博客帮了很大忙，有常用翻译http://www.cnblogs.com
点点悠悠·2020-08-19 02:13

VeeValidate的使用总结

一、安装和引入npminstallvee-validate--saveimportVuefrom'vue';importVeeValidatefrom'vee-validate';Vue.use(VeeValidate
YEJIA__·2020-08-19 01:07

vue爬坑——vee-validate的使用

vue爬坑——vee-validate的使用1、npm安装vee-validatenpminstallvee-validate--save安装时要注意安装的版本，不同的版本使用的方式不一样，这里我安装的是
皓月TT当空·2020-08-19 00:10

Vue使用vee-validate表单校验

Vue使用vee-validate表单校验本文章主要分享作者在使用vee-validate时的用法和常用配置操作.1.安装和使用//安装npminstallvee-validate--save//使用importVeeValidate
G-shitou·2020-08-15 20:18

vue表单验证，vee-validate自定义用法

一个下载量非常大的验证库，非常方便参考https://www.npmjs.com/package/validator或参考element-uiform表单验证部分的使用这里介绍一款vue专用验证库，下载量也很大，叫做vee-validate
随风飞2019·2020-08-13 09:30

对vee-validate的封装使用

本博客主要介绍对vee-validate在实际项目中进一步封装使用。引入[email protected]注意版本号，此版本中文包支持的最好。
赋予不予·2020-08-01 14:29

vue、iview、VeeValidate 表单验证完整

vee-validatenpminstallvee-validate--save（2）.安装vue-i18nnpminstallvue-i18n--save//验证引入importVeeValidate,{Validator}from'vee-validate
weixin_30402085·2020-08-01 03:59

VeeValidate 中文文档-Config

以下是我们如何设置选项以及这些选项默认值：importVuefrom'vue';importVeeValidatefrom'vee-validate';constconfig={aria:true,classNames
beyond__devil·2020-07-31 16:52

vee-validate 使用问题

一、校验规则1、使用between、length时，默认的错误提示消息在显示的时候，内容会出现如下问题测试代码between{{errors.first('test_name1')}}测试代码length{{errors.first('test_name2')}}image.png解决方案：使用其他属性替换(还有一种方式是重新写错误消息提示，其他方法目前还没想到，也怀疑是版本问题)between：
微笑_celia·2020-07-29 12:10

vee-validate填坑：the xxxx confirmation does not match

今天和朋友接了个国外的项目。启动项目后第一步注册账号的时候就发现填写确认密码时，总是显示和上一行的密码不一致。我：？？发现表单验证用的是vee-validation，查了下文档，发现项目中设置规则的属性和文档的不一致，但是属性值是一致的（估计是版本不同）。然后发现confirm这个功能必须显式指定其目标：confirmed:target(如下第三行)这个target即是要重复验证的表单的一个ref
沈江平·2020-07-12 10:16

vue项目中使用vee-validate表单验证

作者项目平时使用都vue比较多，所有使用vee-validate插件。一个轻量级的vue表单验证插件。
M'r白墙·2020-07-01 18:08

Vue项目常用组件推荐

开源项目ElmentUI开源前端框架vue-element-admin一个大神写的后台模板vee-validate(ThispluginisinspiredbyPHPFrameworkLaravel'svalidationsyntax
王宝花·2020-06-30 01:32

vee-validate设置中文提示（汉化）

版本"vee-validate":"^2.0.5",一、创建zh_CN.js文件，内容如下。
Feng_Du·2020-04-26 11:38

Vee-validate组件使用

项目地址vee-validate写在前面笔者在写项目时，使用了vue-cli构建工具，默认使用了vue-router，笔者在项目中也使用到了其他组件，element-ui、vuex、vee-validate
王宝花·2020-04-04 12:39

[非ES6方式]vue.js 纯静态页面+vee-validate.js验证+vue-resource数据交互

因vee-validate用于静态页面开发的例子很少，也爬了很多坑，先简单写一下，后续会有更复杂的交互操作更新如有更好的建议，欢迎求指导由于时间关系，直接贴代码{{errors.first('mobile
承诺一时的华丽·2020-03-03 08:06

vue组建推荐

开源项目ElmentUI开源前端框架vue-element-admin后台模板vee-validate(ThispluginisinspiredbyPHPFrameworkLaravel'svalidationsyntax
李景磊·2020-02-15 01:45
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他