Append in form doesn't work in Vue.js component

Question

This is my template:

<form class="form-inline editableImage" @submit.prevent="upload">
    ...
</form>

This is my script:

methods: {
    upload: function() {
        let data = new FormData();
        data.append('foo', 'bar');
        console.log('data', data);
    }
}

console.log shows:

data FormData {}
    __proto__: FormData

Why is data empty?

Nicolas P. · Accepted Answer · 2017-10-06 12:15:27Z

1

Actually, it's not empty. You can check your data by using get(key) method. console.log(data.get('foo')); should show you 'bar'

answered Oct 6, 2017 at 12:15

Nicolas P.

6011 gold badge5 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1