Comments (3)
Hi!
Documentation is right, but I'm afraid i have to work a bit on cleaner wording and provide a few more examples.
Citing myself :P
make use of the function context (
this
) to access any value on your component or use providedparentVm
to access sibling properties
The actual function context this
gives you access to a thing i call "root VM", which is always your whole component. The third argument, parent VM
, is always just the dataset which is a parent to the validated property, effectively giving you a "shortcut" to it's siblings. That's the usual use case for forms, so that's what sameAs
is using by default.
Try that
export function uniqueEmailValidator (value, parentVm) {
console.log('rootVm', this)
console.log('value'. value)
console.log('parentVm', parentVm)
}
Try hooking that validator on different depth levels, you will see the difference immediately :)
from vuelidate.
Interesting, thanks a lot. i'll check it
from vuelidate.
Thanks a lot,the function context: this
is working well as well.
Sorry for taking your time, instead of the reading documentation carefully.
from vuelidate.
Related Issues (20)
- Access component data in helpers.withMessage
- Typo HOT 1
- $error is true even though required is false HOT 3
- feat: add when built-in validator (or helper) HOT 1
- ValidateEach support template refs
- ValidateEach and dynamic minValue HOT 1
- $validationGroups: there's not a way to group errors from nested forms.
- useVuelidate doesn't signal that it unwraps the validation ref when used in a template HOT 2
- sameAs doesn't work HOT 10
- Support ref (and possibly computed) HOT 2
- Not supporting this package in latest vue3 with typescript HOT 3
- InternalError: too much recursion: access validation states from a validation HOT 1
- How does i18n work when validators are chained?
- Validation inconsistent on Mobile Devices HOT 2
- Support Vue 3.x HOT 1
- a way to programatically set form/$model value without triggering validators
- root instance does not capture nested instances validations results if they have `$rewardEarly: true` and root does not.
- Getting path of validation error when validation fails in child component
- nuxt 3, $each helper does not work?
- $externalResults are not automatically cleared on $model change when using dynamic/computed rules HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vuelidate.