插件名称 | vue-input-validator |
---|---|
发布时间 | 2021年2月27日 |
轻巧,可自定义,可扩展,对移动设备友好的表单验证器,支持实时,异步和ajax验证。
# Yarn
$ yarn add @mediv0/validator
# NPM
$ npm i @mediv0/validator
1.导入并注册组件。
import Vue from "vue;
import validator from @mediv0/validator;
Vue.use(validator, options);
2.使用v-validator
指令将表单验证器附加到输入字段。
<input v-validator="validatorOptions" />
export default {
data(){
return {
validatorOptions: { ... }
}
}
}
3.可能的验证器选项。
key?: string;
hideLines?: boolean;
hideLabels?: boolean;
circleSize?: number;
disable?: boolean;
debounce?: number;
items: checkPropertyItemsType;
onError?: IonError;
onSuccess?: Function;
4.可能的插件选项。
Vue.use(validator, {
name: "validator",
success: "#2DE68F",
failed: "#979797",
unchecked: "#FF4343"
});