question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Integrating vee-validate attributes

See original GitHub issue
  • vue-autosuggest version: 1.4.2-1
  • node version: 8.9.4
  • npm (or yarn) 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:closed
  • Created 5 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
darrenjenningscommented, May 17, 2018

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!

1reaction
hemantsinghicommented, May 17, 2018

@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>

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found