关于 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直接引用的方法的主要内容,如果未能解决你的问题,请参考以下文章