关于vue使用验证器: VeeValidate3


本文摘自PHP中文网,作者藏色散人,侵删。

推荐:《vue.js教程》

前言

我用的是vee-validate版本为3.3.7

安装教程

1

cnpm install vee-validate --save

新建文件vee-validate.js

1

2

3

4

5

6

7

8

9

10

11

12

13

14

import { extend, ValidationObserver, ValidationProvider, localize } from 'vee-validate'import { required, email, min, between, numeric } from 'vee-validate/dist/rules'import zh_CN from 'vee-validate/dist/locale/zh_CN.json';localize('zh_cn',zh_CN) // 配置中文export default {

  install (Vue) {

    Vue.component('ValidationObserver', ValidationObserver)

    Vue.component('ValidationProvider', ValidationProvider)

    extend('required', required)

    extend('email', email)

    extend('min', min)

    extend('between', between)

    extend('numeric', numeric)

    extend('phone', {

      message: '请输入11位的手机号码',

      validate: value => value.length === 11 && /^1[3456789]\d{9}$/.test(value)

    })

  }}

main.js 引入 vee-validate.js

1

import Validate from './vee-validate'Vue.use(Validate)

已经安装完成了

使用教程

阅读剩余部分

相关阅读 >>

vue.js怎么获取input里面的值

vue前端ui框架有哪些?

彻底理解css中视觉格式化模型(附示例)

eclipse支持vue

vue.use中发生了什么

详解vue.js中的4个级别作用域

vue.js如何安装jq

怎么安装vue.js

vue qs是什么

vue.js能做轮播图吗

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...