sahibalejandro/form-object

Form object to use with Vue components for sending data to a Laravel application using axios.

form-object's Issues

PHP can't handle multipart/form-data on PUT/PATCH requests.

Reference issue: laravel/framework#13457

A workaround is to automatically append the field _method=PUT/PATCH on every put/patch request containing files.

hasFiles() does not support arrays

Images are not uploaded/parsed when using an array. The hasFiles() doesn't do a deep search.

Example of structure:

data: {
    name: 'oh hi mark',
    images: [ File, File ],
}

Potential solution:

• Allow a bool forceFormDataObject in the Form() constructor.

Support for custom axios object

Please add support for using a custom axios object when making the requests. Sometimes you need to manage headers, use interceptors, etc.

Clearing inputs after successful submission

Perhaps an enchancement to clear the inputs after a successful submission?

All put/patch requests on v1.7.0 are empty.

All data is sent using FormData, causing PUT/PATCH requests to be empty on PHP since PHP does not support PUT/PATCH when using multipart/form-data.

This change has to be reverted or addressed.

Related to issue #10

reactivity issue after errors.clear('field')

On new Laravel 5.5 project I'm working I'm experiencing an issue that I think is a Vue reactivity issue. Calling:

this.form.errors.clear('email');

certainly calls delete on the field, but even in my Vue Inspector in Chrome devtools I have to hit refresh to see the Vue instance update - and the error class on the wrapping div is not getting removed. This seems pretty straightforward to me, and that it should work. Is there something wrong here that others have experienced this too?
Here's the simple template code:

<div class="form-group" :class="{ 'has-error': form.errors.has('email') }">
    <label for="email" class="col-md-3 control-label">email</label>
    <div class="col-md-9">
        <input type="text" class="form-control" id="email" name="email" v-model="vattr.email">
        <div class="help-block" v-for="(error, key) in form.errors.getAll('email')" :key="key" v-text="error"></div>
    </div>
</div>