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.

Text Field component not behaving correctly with validation (VeeValidate)

See original GitHub issue

Steps to reproduce

Create a v-text-field component
Apply validation through VeeValidate

Versions

0.14.7

What is expected ?

The component should turn red only if there are errors.

What is actually happening ?

The component is red from the very beginning and there is also an error in the console:

“[Vue warn]: <transition-group> children must be keyed: <div>”

Reproduction Link

CodePen

Issue Analytics

State:
Created 6 years ago
Comments:16 (7 by maintainers)

Top GitHub Comments

3reactions

nekosaurcommented, Aug 2, 2017

This is currently being worked on. We are refactoring the internal validation and how we support 3rd party libraries.

0reactions

lock[bot]commented, Apr 15, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Top Results From Across the Web

Field - VeeValidate

The Field component renders an HTML input tag if not specified otherwise. Which can be done in two ways. Rendering simple fields with...

Validation Provider - VeeValidate

The fields being validated must have a v-model so the component can correctly identify the element/component being validated unless the field accepts a...

Validating Dynamically Displayed Inputs - VeeValidate

A common case is to use v-if to display a field or two based on some sort of criteria, for example you could...

Cross Field Validation - VeeValidate

Properly reference the target field name or vid value in the rules of the other. This can be confusing at first, you can...

Basics - VeeValidate

If you are not using a bundler and using vee-validate in the browser or from a ... For the input field or the...