关于 vee-validate直接引用的方法

Posted 仇大xai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于 vee-validate直接引用的方法相关的知识,希望对你有一定的参考价值。

转载于:https://blog.csdn.net/hy111/article/details/79046500?%3E

由于当前项目使用的是基于jQuery的前端结构,尝试在新增需求中使用VUE2,对于表单验证使用vee-validate。

当前基于webpack项目,使用npm引入的样例比较多。

目前在普通页面中使用的经验进行积累,以供参考,为了考虑系统兼容性,项目中暂时没有使用ES6的写法。

官网地址:http://vee-validate.logaretm.com/

 

1、引入vue2后,需要添加vee-validata的js和语言包文件(目前只用中文)

技术分享图片

2、页面html代码,具体的样式用class修饰即可

技术分享图片

3、js使用方式,指定语言、修改默认提示,添加自定义验证

技术分享图片

4、测试结果

技术分享图片

以上是关于关于 vee-validate直接引用的方法的主要内容,如果未能解决你的问题,请参考以下文章

vee-validate 引用js文件可以直接使用吗

vuejs 使用 vee-validate 进行表单验证

vee-validate表单校验的基本使用

VueJS - Vee-Validate:调用方法/函数来评估结果的自定义规则?

vue-router练习,vee-validate(一个验证vue插件)

vue2移动端使用vee-validate进行表单验证