【vue+utils】添加全局校验代码、输入框校验输入内容

最新推荐文章于 2024-05-11 11:17:25 发布

栀妹儿

最新推荐文章于 2024-05-11 11:17:25 发布

阅读量909

点赞数 2

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_38990605/article/details/122048413

版权

本文介绍了如何在Vue项目中实现全局的输入内容校验，包括添加校验文件、在main.js中配置以及在模板和表单验证中的具体使用方法。

摘要由CSDN通过智能技术生成

1、添加校验文件

在这里插入图片描述
只取所需即可：

// 返回对象
const matchTypes = function (val, arr = [], flag = 'value') {
   
    let res = {
   };
    arr.forEach(item => {
   
        if(item[flag] == val) res = item;
    })
    return res
}

// 返回对象
const returnTypes = function (val, arr = [], flag) {
   
    let res = {
   };
    arr.forEach(item => {
   
        if(item[flag] == val) res = item;
    })
    return res
}

// 递归返回对象
const diguiRetrun = function (arr, key, val, flag) {
   
    let res = {
   };
    arr.some(item => {
   
        if(item[flag] == val) {
   
            res = item;
            return res;
        } else {
   
            if(item.children && item.children.length > 0) {
   
                res = diguiRetrun(item.children, key, val, flag)
            }
        }
    })
    return res
}

// 递归返回数组
const difuiRetrunArr = function(arr, flag) {
   
    let array = [];
    let eachFunction = (element) => {
   
        element.forEach(item => {
   
            array.push(item)
            if(item[flag] && item[flag