首页 > 其他分享 >Vue自定义校验

Vue自定义校验

时间:2023-06-14 23:45:09浏览次数:121  
标签:Vue 自定义 校验 value callback trigger blur

age: [
{required: true, message: '请输入年龄', trigger: 'blur'},
{
validator: (rule, value, callback) => {
if (value >= 18) {
callback();
} else {
callback(new Error("教练年龄必须大于18周岁"));
}
}, trigger: 'blur'
}
],

 

标签:Vue,自定义,校验,value,callback,trigger,blur
From: https://www.cnblogs.com/dndt/p/17481662.html

相关文章

  • vue-cli-介绍并安装vue-cli
    1.什么是vue-clivue-cli是Vue.js开发的标准工具。它简化了程序员基于webpack创建工程化的Vue项目的过程。2.安装和使用vue-cli是npm上的一个全局包,使用npminstall命令,即可方便的把它安装到自己的电脑上:npminstall-g@vue/cli......
  • vue笔记
    vue笔记(持续更新)Vuescopedscoped解决了什么?模块化编程下,在对应模块的js中importcss,这个css仍然是全局。因此会产生css样式之间污染。scoped可以使css样式只作用于当前组件,解决了组件之间样式污染。给每个style都设置上scoped,相当于实现了样式的模块化。官方解释:当style有......
  • vue-基础
    项目的注意事项:1.template必须是一个且必须有一个跟元素2.导入的时候webpack默认导出的整个组件整个组件包含了data言外之意整个组件包含了你所要导出的对象3.一个vue的实例只能挂载一个标签。1.插值表达式:{{数据}}在data里面data(){return{..}}注意点:1.......
  • VUE&Element
    VUE&Element今日目标:能够使用VUE中常用指令和插值表达式能够使用VUE生命周期函数mounted能够进行简单的Element页面修改1,VUE1.1概述接下来我们学习一款前端的框架,就是VUE。Vue是一套前端框架,免除原生JavaScript中的DOM操作,简化书写。我们之前也学习过后端的框......
  • uniapp vue.config.js配置chunk-vendors.js文件拆分
    constpath=require('path')functionresolve(dir){returnpath.join(__dirname,dir);}constCompressionPlugin=require('compression-webpack-plugin')consthtmlWebpackPlugin=require('html-webpack-plugin')htmlWebpackPl......
  • vue整合axios
    一、整合axios(底层支持ES6新的对象:Promise)①安装axios参照官网:http://axios-js.com/docs/index.html直接安装(不指定版本的话),会安装最新的版本,最新的axios版本只支持vue3,所以要指定axios的vue2的版本npminstall--saveaxios@0vue-axios@2②配置main.jsok③确认a......
  • SpringBoot使用自定义的logback日志
    1.介绍描述:主要由三个模块构成logback-core:核心代码块(不介绍)logback-classic:实现了slf4j的api,加入该依赖可以实现log4j的api。logback-access:访问模块与servlet容器集成提供通过http来访问日志的功能(也就是说不需要访问服务器,直接在网页上就可以访问日志文件,实现HTTP访问......
  • SpringBoot使用自定义日志注解,配置切面
    1.使用技巧以下是需要注意的部分:在环绕通知中使用ProceedingJoinPoint,控制目标方法的运行。在其他通知类型中使用JoinPoint。如果使用JoinPoint则必须位于参数的第一位。ProceedingJoinPoint中有特殊的方法proceed()。当有多个切面时,使用@Order(11)来指定注解的优先级。......
  • vue+ elementUI
    1、在dos窗口下运行命令npmielement-ui-S安装elementui2、配置elementui3、画面代码展示登录页面<template><div><!--:是v-bind的简写--><el-formref="loginForm":model="form":rules="rules"label-width="80px&q......
  • 记录--极致舒适的Vue可编辑表格
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助使用ElementPlus的Table啥都好,就是没有可编辑表格!!!......