element表单验证的封装

前言

这一篇文章是在用element中的表单的时候,会用到正则来判断表单的对错,当然正则的话得自己写,比如这样在这里插入图片描述
但是我们开发的时候就会发现如果两个组件都用到了这个正则那么就会产生重复性,这还只是两个,一般的话不止两个,会有很多,会产生很多的重复的正则,那么,就很烦,因为我们是要追求优雅,简介的,诶,碰到我了,那么就很简单的解决了。

1、创建一个js文件

创建一个js文件,我是习惯性创建到assets中,这个没有什么规定的,然后就在里面写正则,就是按这样的来,因为我们是用的人家element的东西,所以得规规矩矩
在这里插入图片描述

2、在main.js中挂载

在这里插入图片描述

3、在组件中的使用

使用element表单验证的时候会有rules这个东西,大家应该都不陌生,我直接上图了
在这里插入图片描述
在这里插入图片描述
这个主要就是针对自定义的正则 就是 validator的值,这样把this.formValidation后面的值对上就可以了,这就完事了。

结语

这篇文章如果有啥不清晰的地方或者是没明白的地方,就在下方留言就可以了,我是每天都会看的呐。

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值