quasar中使用validator自动校验(笔记)

本文记录了在Quasar项目中使用vee-validate进行表单验证的步骤,包括安装、挂载到Vue、自定义验证规则、解决英文提示信息问题以及结合短信验证码的校验场景。
摘要由CSDN通过智能技术生成

1.用自己熟悉的安装工具安装

2.挂载到vue上,我放置的目录如下

挂载代码如下

import VeeValidate from 'vee-validate';
Vue.use(VeeValidate);

3.自己定义贴合项目的词典和规则(配置vee-validate)

我的配置文件放置位置

配置代码

import VeeValidate, { Validator } from 'vee-validate'
import zhCN from 'vee-validate/dist/locale/zh_CN'
 
// 设置中文
export default async ({ Vue }) => {
  Vue.use(VeeV
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值