el-input校验规则
el-input组件校验规则是使用validation属性来设置的,可以设置为一个对象或者一个数组。常见的校验规则有:
1. required:是否必填,设置为true表示必填。
2. min:最小长度,可以设置为一个整数,表示最小长度要求。
3. max:最大长度,可以设置为一个整数,表示最大长度要求。
4. pattern:正则表达式校验,可以设置一个正则表达式字符串。
5. validator:自定义校验函数,可以设置为一个函数,接受一个参数,参数为当前输入的值,返回一个布尔值表示校验结果。
示例1:设置是否必填和最大长度为10的校验规则:
<el-input v-model="input" :validation="{ required: true, max: 10 }"></el-input>
示例2:设置自定义校验函数:
<el-input v-model="input" :validation="{ validator: isValid }"></el-input>
...
methods: {
isValid(value) {
// 自定义校验逻辑,返回布尔值表示校验结果
属于input属性 }
}
以上是常见的el-input校验规则,根据具体需求,可以灵活设置不同的校验规则。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论