美文网首页
vue自定义校验

vue自定义校验

作者: 牛会骑自行车 | 来源:发表于2022-01-07 15:16 被阅读0次

用elementui中的自定义校验,如果新增和修改放一起有bug....下面那个红色的小字总得点一下再blur才能消失。。自己写一个校验的方法~~~~

/**
 * 校验表单必填项 by 牛进喜
 * requiredArr为必填项值的数组;tipsArr为必填项对应的提示名称
 * @param {Array} requiredArr 
 * @param {Array} tipsArr 
 * @returns {Boolean}
 */
export function checkRequired(requiredArr, tipsArr) {
    let idx;
    requiredArr.map((item, index) => {
        if (!item) {
            idx = index + 1;
        }
    });
    if (idx) {
        this.$message(`请填写${tipsArr[idx - 1]}`);
        return false;
    }
    return true;
}

相关文章

网友评论

      本文标题:vue自定义校验

      本文链接:https://www.haomeiwen.com/subject/nppjcrtx.html