element-ui 表单校验 Rules 配置有哪些黑科技用法?

2026-04-01 16:390阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1124个文字,预计阅读时间需要5分钟。

element-ui 表单校验 Rules 配置有哪些黑科技用法?

json{ type: string, message: 请输入字符串, trigger: blur}

type

指示type要使用的验证器。可识别的类型值为:

string:类型必须为stringtype 默认是 string

// 校验 string: [ {type: 'string', message: `请输入字符串`, trigger: 'blur'} ] <el-form-item label="测试字段" prop="string"> <el-input v-model.number="form.string" placeholder="请输入"></el-input> </el-form-item>

number:类型必须为number

// 校验 number: [ {type: 'number', message: `请输入数字`, trigger: 'blur'} ] <el-form-item label="测试字段" prop="number"> <el-input v-model="form.number" placeholder="请输入"></el-input> </el-form-item>

boolean:类型必须为boolean

阅读全文

本文共计1124个文字,预计阅读时间需要5分钟。

element-ui 表单校验 Rules 配置有哪些黑科技用法?

json{ type: string, message: 请输入字符串, trigger: blur}

type

指示type要使用的验证器。可识别的类型值为:

string:类型必须为stringtype 默认是 string

// 校验 string: [ {type: 'string', message: `请输入字符串`, trigger: 'blur'} ] <el-form-item label="测试字段" prop="string"> <el-input v-model.number="form.string" placeholder="请输入"></el-input> </el-form-item>

number:类型必须为number

// 校验 number: [ {type: 'number', message: `请输入数字`, trigger: 'blur'} ] <el-form-item label="测试字段" prop="number"> <el-input v-model="form.number" placeholder="请输入"></el-input> </el-form-item>

boolean:类型必须为boolean

阅读全文