Integrating vee-validate attributes
See original GitHub issuevue-autosuggest
version: 1.4.2-1node
version: 8.9.4npm
(oryarn
) version: 5.7.1
What you did: Can we add vee-validate attributes like data-vv-as, data-vv-name to the inputProps.
Problem description: I am developing a website, where I need the vue-autosuggest input box to be a required field and the validations should be done with vee-validate. In order to display the custom message, I need to add the vee-validate attributes.
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Configuration - VeeValidate
Property Type Default
aria boolean true
classNames object
classes boolean false
Read more >Localization | VeeValidate
This dictionary contains localized error messages and attributes. If the validator finds a localized attribute name for that field, it will be used...
Read more >Validating Custom Components - VeeValidate
VeeValidate allows you to validate custom components as well as HTML5 input elements. But custom components have a few caveats due to them...
Read more >Field - VeeValidate
Rendering simple fields with 'as' prop. The as prop tells the Field component which tag to render in its place, you can pass...
Read more >Validation - VeeValidate
vee-validate handles complex validations in a very easy way, it supports synchronous and asynchronous validation and allows defining rules on the field-level or ......
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Great, glad it works. I used vee-validate on a past project but hadn’t used it with vue-autosuggest yet so good to know it works! Might add this example to the list of codesandboxes to showcase. Thanks @hemantsinghi!
@darrenjennings I found a way to integrate the vee-validate. <vue-autosuggest :suggestions=“filteredOptions” :on-selected=“onGolfCourseNameSelected” :limit=“golfCourseShowLimit” :input-props=“inputProps” v-model=“golfCourseName” data-vv-name=“golfCourse” //vee-validate attributes v-validate=“‘required|max:100’” //vee-validate attributes> </vue-autosuggest>