关于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实现员工信息录入功能的方法

vue刷新404的问题解决方法

vue.js能用正则表达式吗

vue的优点是什么

vue实现可视化可拖放的自定义表单(代码示例)

vue table 表格利用formatter属性格式化数据

一个实例入门vue计算属性、方法、侦听器

vue.js什么是混入

vue.js怎么引入css文件

vue.js怎样写一个轮播图

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




打赏

取消

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

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

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

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

评论

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