Form: v-slot="$form" still doesn't handle nested array of objects properly #7301
Labels
Status: Needs Triage
Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Describe the bug
Continuation to #6924
After the fix in version 4.3.0-rc.1, the form state identifies arrays, like in the $form state below:
Data in form: { "valid": true, "username": { "value": "", "touched": false, "dirty": false, "pristine": true, "valid": true, "invalid": false, "error": null, "errors": [] }, "emails": [ { "title": { "value": "123", "touched": false, "dirty": false, "pristine": true, "valid": true, "invalid": false, "error": null, "errors": [] }, "address": { "value": "", "touched": false, "dirty": false, "pristine": true, "valid": true, "invalid": false, "error": null, "errors": [] } }, { "title": { "value": "", "touched": false, "dirty": false, "pristine": true, "valid": true, "invalid": false, "error": null, "errors": [] }, "address": { "value": "", "touched": false, "dirty": false, "pristine": true, "valid": true, "invalid": false, "error": null, "errors": [] } } ] }
However, the validation for array fields does not work as expected:
If there is an alternative way to achieve this, any guidence would be greatly appreciated.
Best regards!
Pull Request Link
No response
Reason for not contributing a PR
Other Reason
No response
Reproducer
https://stackblitz.com/edit/pgshym-th2dcymw?file=src%2FApp.vue
Environment
Stackblitz
Vue version
3.5.13
PrimeVue version
4.3.0-rc.1
Node version
No response
Browser(s)
Chrome 122.0
Steps to reproduce the behavior
Expected behavior
The text was updated successfully, but these errors were encountered: