vee-validate
vee-validate copied to clipboard
v-bind strange behavior
What happened?
I'm in the process of migrating a Vue 2 / Vuetify / VeeValidate project to Vue 3 and switching to a new version of VeeValidate is quite a challenge.
I thought I'd reached the end by discovering v-bind and componentField, but I'm getting very strange behavior and I can't explain this black magic.
I've made an example to demonstrate this. The first component, without validation, returns the concatenation of the first name and last name as output. The second, which I can't explain, returns only the content of the field currently being edited.
Am I missing something?
Version
Vue.js 3.x and vee-validate 4.x
What browsers are you seeing the problem on?
- [X] Firefox
- [X] Chrome
- [X] Safari
- [ ] Microsoft Edge
Demo link
https://play.vuetifyjs.com/#eNqVVe2O0zoQfRXfCCm7UhNvd7lcqSqrXr4k+AGIRfwhSKTNdGtwbMt2skVV3p2x81Gn3V1KVbXxzPGcOWNn5usuMnpF/1cqrSuIZtHcQql4buE6E4TM62Qlhc2ZAO0NaFrJUpE6KWUB/HkWibyEaRYR9x8saQ9X17udd05J08yp6u1G5eI6eeAzp97dQWuAZC11SXKDDO4JCRamWpbMpkpDDcKiQ4obb8qibmO/lQEvMGPDpYPtiFMgBW564z0NRhvruRzrweUQcV+AJRMFAsbBAuWIpAP93jbU43JcjxaL2trC03Hl5zQ4F1yalWbKeihDfm3JjrRqckO+APjnCXnTVs1b3GND1lqWJHZcdc5ZgQHjIMhLJ62FpNQt3K1AgIPA1kMKWOcVR74270G+mfUm0tNNwrVPqDe40N2i6f4xlfzsfB9Dg6202K9Je4lmJP6I/OQGD3oTDwFb7yV638mNIK8k7H3NmKgEu5FFmG5/cUJ6p0wYySHl8vYs7iHx+RB1lD9y4J3tDyWaRNbg/jW7TX8YKfC98oHb28I46A/KMoyfRUMaWZRzLu/eeZvVFXTxcc8GVj/vsf8wW2fLoo8aDOgasmjw2VzfAr4Jzv365j1s8Xlw4lWvOKIfcX4C1F65HFvYi0oUmHaA89m+9deGidvP5vXWgjC9KJeor4vHZxFeI3fmD0nfp3uVXnX1xC/Wsb2YSZmrg0q2jnEYZGnT3VirzIzSVSFwG77YrNapAEuFKukCYVRXwrISkkKWi6v0aXr5Hy2YsaE9BVMmSy3vsLgYJdCOASxb/zqBq0MixbN0etFSdLaE50vjOI5iU3+aOtEgCtCu6qdpOtg20nXge0Rb0BpOERjAF0/T6VU67VQGjmOVPt8CaislN0mu2Kkawz2LZ+m/6QXlbEmRgGI/hq2nGd0gN9/6VnY84ApWD2MmsfgqDOOiHwhrpo19j93FDZ1KOT0z73PyKjcjWmM49B4IxfO/izTHUrr0Hun+93flPzfTQRW2zLCN9imOzAcdVGmJp7SP5jV8cRICIyH2l0LDjdXYHwKGLtUxwcEwuMvtavNnBlaWUDBXxrAzus8m9/3qzBd21NZx15qc/dM52sKEXrthJh2qQ54Tj0yN4jggYhKff734doTvq3YffBrAe33Hio+nUnsXxjPJkz0BN6vi8AL50sQT8v3Jbpx/QzpLn2Hz/bQJ1kxExbn/+fYbyV43QA==
Code of Conduct
- [X] I agree to follow this project's Code of Conduct