自定义组件校验-使用vee-validate

2019独角兽企业重金招聘Python工程师标准>>>

vee-validate 官网:http://vee-validate.logaretm.com/

直接上实例

子组件:

(src/components/input/CustomInput.vue)

注意:

1,data中一定要有代表文本框内容的字段(最简单的方法是使用v-model),将被父组件的 data-vv-value-path使用

2,在@input事件中派发input event

父组件:

(src/components/TestValidate.vue)

 

注意:

1,如果custom input组件在内容更新时不派发input事件(

this.$emit('input',val)

),那么将不会实时(或失去焦点)校验

2,VeeValidate中中配置不能设置,inject false,

使用组合组件时,inject 必须为true

 

转载于:https://my.oschina.net/huangweiindex/blog/1564112